使用vue-cli搭建一个vue项目

1.首先需要下载vue 和vue-cli到全局

npm i vue vue-cli -g

2.开始搭建，并使用webpack进行管理

vue init webpack projectName  //开始搭建
// 在搭建的过程中，它会询问以下问题
? Project name projectName   //项目名是否为projectNam
? Project description(A Vue.js project)  //生成Vue.js文件？直接回车
? Author (name<email>) //作者是否为这个，登录过github就会有
? Vue build (Use arrow keys)
> Runtime + Compiler: recommended for most users
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - re
nder functions are required elsewhere  //一般选第二个，第一个将使用temolate模板，第二个使用render
? Install vue-router? (Y/n) //是否安装vue-router
? Use ESLint to lint your code? (Y/n)  //是否使用ESLint模式，一般使用，后面可以关掉
接下来的两个会问你是否安装测试，一般选n
然后就漫长的等待

3.等待安装完毕以后

因为ESLint的原因，在使用prettier插件格式化代码的时候，function与()中间的空格是删除的，但是使用ESLint模式会报错，所以需要配置项目下的.eslintrc.js文件，在rules中多加一条配置语句：

 // 函数前面必须要有一个空格，关闭这个校验
    'space-before-function-paren': 0