前提条件: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
命令: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