vue脚手架搭建

vue的脚手架是依赖于node.js的，因此安装vue cli之前需要先安装node.js。

一、安装node.js

1、Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/

 

 2、安装下载的node.js

双击下载后的安装包，一直勾选next，如果不想装在C盘可自己更改路径。完成安装后，将安装路径添加到环境变量中即可进行全局访问。

3、验证

验证是否安装成功：cmd中输入：node --version,出现如下图即表明安装成功

 

 

 

 4、npm下载依赖回比较慢，可以安装cnpm后，用cnpm下载。

安装cnpm代替npm,安装命令如下：

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装完成后输入cnpm --version命令验证

 

如果你发现你安装成功了，使用cnpm却发现找不到命令，就是你的环境变量有问题，在环境变量里面的path添加你node的安装路径就行，比如";C:\\nodejs\node_modules"

二、安装vue-cli

1、全局安装 vue-cli ，在命令提示窗口执行：cnpm install -g vue-cli

安装成功后使用vue --version即可验证是否够安装成功

 

 

2、安装vue-cli成功后，通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vue-cli工程项目的命令：

vue init webpack my-project

2、cd到对应的目录下初始化vue项目,执行一下命令：

init webpack my-projectProject name 项目名 

Project description 项目名描述 

Author 作者邮箱 

Use ESLint to lint your code? 是否需要ESlist语法检查 

Set up unit tests 是否需要单元测试 

Setup e2e tests with Nightwatch? Yes是否需要e2e测试

3、完成以上即会在指定的目录下生成vue的文件目录如下：

 

 生成文件目录后，使用 cnpm 安装依赖，命令如下：cnpm install

安装依赖完成过后，使用如下命令进行启动项目：npm run dev