使用vue-cli快速创建工程化vue项目以及添加Vue-router+Sass

这篇文章主要描述，你如何快速创建一个工程化的vue项目。

使用vue-cli,会非常容易及快速的构件一个工程化的Vue项目。我主要依赖的就是vue-cli的官方网站。https://cli.vuejs.org/zh/guide/。

基础部分

通过以下三部我们就可以快速搭建一个vue.js工程项目

第一步，是要安装vue-cli.

安装vue-cli之前,需要node.js. 怎样知道自己是否安装了node,在项目所在目录的git bash界面，或者打开cmd,输入 node -v即可。注意vue-cli要求node.js的版本在8.9以上。这里直接进入vue-cli的安装。

安装命令为：

npm install -g @vue/cli

验证是否安装成功的命令：可以直接输入你熟知的命令，或者输入命令验证vue版本，如下

vue --version

安装会需要一点的时间，我在星巴克的环境下，大概用时1分钟，耐心等待一下。如果安装成功，则会显示vue的版本号。比如 3.4.0.

第二步，创建一个工程

创建工程的命令，很简单，就一行：

vue create project-name