安装vue-cli

最近又看了一遍胖哥的vue教程，今天把vue-cli安装了一下。

vue-cli是构建单页应用的脚手架，它会帮我们把项目环境和工具都先搭建好，我们可以直接开始做项目。

安装步骤：

 

首先我们先新建一个文件夹，我是在vscode建的。

 

1.安装vue-cli之前必须安装npm，可以在控制台输入npm -v查看自己有没有安装了npm，打开控制台的快捷键是Ctrl+`(tab键上面那个键)，当然在安装npm之前，你得先安装了node

 

2.安装vue-cli,输入命令：npm install vue cli -g(其中-g是全局安装的意思)

 

也可以输入cnpm，cnpm是淘宝镜像，速度会比较快

3.安装好之后，可以输入命令：vue -V查看是否安装成功（注意是大写的V）

 

4.初始化vue，输入命令：vue init <template> <project-name>(<template>是指模板名，有5个模板，分别是webpack,webpack-simple,browserify,browserify-simple,-simple，一般都是用的webpack，后面项目名可以自己取)

 

然后会弹出一些东西，根据自己实际情况选择

 

ESLint规范代码编写和错误提示，unit tests（Karma和Mocha）是单元测试用的，e2e是模拟用户测试用的，因为我之前在电脑上弄过github，所以author那里会自动跳出GitHub账号。

输入完毕后，一直点enter等安装完毕会出现

 

接下来一步步输入框里的内容

有些时候可能还会出现npm install，会生成一个package.json，用来管理项目依赖包，我这里已经自动帮我安装了

输入完毕后，浏览器打开一个页面，说明安装成功

文件夹会多出这些东西