搭建vue脚手架

一、安装Node.js

1、Node.js简介

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。

Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。

2、下载Node.js

打开官网下载链接:https://nodejs.org/en/download/

下载完成后就可以开始安装了，只需无脑下一步就行，不过记得修改自己安装的路径

至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

node -v

能够显示版本号就说明已经安装成功了

安装完后的目录如下图所示:

环境配置

我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图

创建完两个空文件夹之后，打开cmd命令窗口，输入

npm config set prefix"D:\Develop\nodejs\node_global"npm config set cache "D:\Develop\nodejs\node_cache"

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】

【D:\Develop\nodejs】此处为自己的安装的路径

然后编辑path，新建，为%NODE_PATH%

此时Node就已经安装成功了！！！

二、配置淘宝镜像

打开 “命令提示符” 窗口，输入：

npm config set registry https://registry.npm.taobao.org

完成配置

三、安装脚手架

打开 “命令提示符” 窗口，输入：

npm install -g @vue/cli

注意：如果安装过程一直不动，可以敲下回车

检查是否安装成功： vue -V 或者 vue --version

三、创建一个vue项目

cd到自己想要保存的路径 cd 路径

在要创建工程的目录下输入：vue create 项目名

回车安装即可

安装完成之后，将文件拖入到vscode或者其他编译器，在左侧能够看到创建的资源

Ctrl + ~ 打开终端

输入一下代码，启动

npm run serve

此时就可以看到页面了

【Vue】脚手架搭建相关推荐

vue脚手架搭建项目_复习之vue脚手架搭建项目的两种方法
安装脚手架 node 版本要求: > 8.9 . 关于旧版本:如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉. 卸载旧版本运行:``npm uninst ...
Vue 脚手架搭建目录及文件详解
vue脚手架搭建在各大前端网站都有详解,这里就不多作介绍,此文章主要介绍脚手架搭建后的目录结构,以及配置文件的详解. 1. 目录结构目录结构如下: 我们来介绍一下这些目录: 一级目录 build: ...
前端开发人员必学的VUE脚手架搭建
提示:vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去你手动安装各种插件,寻找各种cdn并一个个引入的麻烦. 文章目录一.cmd命令操作符如何打开? 1.win ...
Vue脚手架搭建项目
全局安装vue脚手架 $ npm install -g vue-cli 卸载方法 $ npm uninstall -g vue-cli 查看vue版本(注意:大写的V) $ vue -V 创建项目 $ ...
vue脚手架搭建项目的兼容性配置
使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等. 首先安装babel-polyfill,解决ie不支持promise对象的问题 npm insta ...
Vue脚手架搭建与一些简单小指令
如果Vue是一条大路,我就是一辆汽车,我跑啊跑,我多快乐! 如果Vue是一条大河,我就是一条小鱼,我游啊游,我多快乐! 如果Vue是一棵大树,我就是一片落叶,我飘啊飘,我多快乐! Vue是前端开发中很 ...
Vue脚手架搭建及vue项目创建【详细教程】
目录 Vue脚手架环境安装 Vue项目创建 Vue项目目录结构项目运行流程组件结构 Vue脚手架 Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具 ...
vue脚手架搭建配置试调地址和端口号_全栈的自我修养: 002使用@vue/cli进行vue环境搭建 (使用Vue,SpringBoot,Flask完成前后端分离)...
全栈的自我修养: 使用@vue/cli进行vue.js环境搭建 Success, real success, is being willing to do the things that other ...
基于新版 node 的 vue 脚手架搭建
1. node 安装版本 9+ 2. 命令行创建方式 vue create project 3. 可视化创建方式 vue ui 4. 扩展 goole 下 vue 调试工具安装 git 资源 ...
Vue脚手架搭建简单步骤
1.安装node.js 2.在命令行中运行命令 npm install -g cnpm --registry=http://registry.npm.taobao.org 3.在命令行中运行命令 np ...

【Vue】脚手架搭建

搭建vue脚手架

一、安装Node.js

二、配置淘宝镜像

三、安装脚手架

三、创建一个vue项目

【Vue】脚手架搭建相关推荐

最新文章

热门文章

【Vue】脚手架搭建

搭建vue脚手架

一、安装Node.js

二、配置淘宝镜像

三、安装脚手架

三、 创建一个vue项目

【Vue】脚手架搭建相关推荐

最新文章

热门文章

三、创建一个vue项目