vue安装vue-cli

vue-cli是vue的一个脚手架工具，也就是通过npm命令行来构建我们项目的目录结构，这也是我们通常所说的前端自动化构建工程。

封面.jpg

一、运行环境

node.js

二、全局安装

npm install vue-cli -g

三、初始化项目，安装webpack模板

vue init webpack vuecliTest    //vuecliTest是项目名称

四、根据提示进行操作

cd vuecliTest    //进入vuecliTest文件夹

npm install    //安装依赖

npm run dev    //运行项目

便可自动打开本地服务器（localhost:8080），这就说明安装成功了。

五、最新版本存在问题

这几天安装的版本是2.82，当执行npm run dev时，发现浏览器并没有自动打开，这样逼格又降低了不少。因此我们需要在config目录下的index.js的autoOpenBrowser选项改成true即可。