安装vue-cli2脚手架 与 创建vue新项目

前提条件：Node.js版本在6+以上，npm的版本在3+以上，比较好。

在打开的命令行输入node -v 按回车，可以看见当前node的版本

输入npm -v 按回车，可以看见当前npm的版本

（仅限Windows 系统）

1.全局安装

window键+R，在弹出的窗口输入cmd (打开命令窗口)

命令：npm install -g vue-cli(@版本号) 

（命令：vue  -V 可以查看已安装的vue版本）

2.新建项目

新建一个文件夹（或者在某个文件夹下）

按Shift+鼠标右键，打开命令窗口，输入

命令：vue init webpack my-project    (my-project 为新建项目名称)

一路回车，到选择的地方（Y/n）,全部选择 n

最后一个需要手动选择No(按键盘的上下键选择）

命令：cd my-project （进入项目）

命令：npm i   (如果启动项目报错的话，使用这条命令重装一下)

3.启动项目

命令：npm run dev (启动项目)

将生成的地址localhoust:8080(端口号也可为其他)，粘贴到网址处即可。

设置端口号：在config/index.js文件中操作

~ ~ ps:启动项目的命令也可以使用：npm start，只需要在package.json文件中配置一下即可 ~ ~

拓展：Vue cli 的包名称由 vue-cli 改成了 @vue/cli。

安装 echarts：npm install echarts -S

安装 axios: npm install vue-axios -S 

安装 router： npm install vue-router -S 

安装 iview: npm install iview -S

安装 bootstrap：npm install  bootstrap-vue -S