#### 1. 创建项目 --- ``` vue create 项目名 ``` **babel** 就可以让我们在当前的项目中随意的使用这些新最新的es6,甚至es7的语法。说白了就是把各种javascript千奇百怪的语言统统转为浏览器可以认识的语言。 **eslint** js语法检查,代码规范 ![](https://img.itqaq.com/art/content/aa495ccde96d4a938e197cc9d645b4c7.png) **a. 不使用默认的,按键盘的上下箭头可以调整,调整到最后一个,然后回车 ** ![](https://img.itqaq.com/art/content/e9ec0643f33a9651dfaefc567e17ceee.png) **b. 只选中 Babel,其他不选,\* 代表选中,可以通过上下箭头配合空格来调整选中状态,调整好后回车** ![](https://img.itqaq.com/art/content/e448d804bb80a1efca1ff9aa98255c0a.png) **c. 让其生成 package.json 文件,然后回车** ![](https://img.itqaq.com/art/content/3e0fc6be9c91875e67bf76ef0356aedf.png) **d. 不保存,然后回车** ![](https://img.itqaq.com/art/content/e4b758372fd0b4eedcf3893c102ad979.png) **e. 开始安装,耐心等待即可** ![](https://img.itqaq.com/art/content/842f0453d8998aad25464e1c7c253061.png) **f. 安装完成,测试运行** ![](https://img.itqaq.com/art/content/cc2185a9072c31f0e00ec03645e8a78f.png) ![](https://img.itqaq.com/art/content/5fda7a7406d555907eb094ea022804df.png) #### 2. Vue cli 脚手架 目录结构 --- ![](https://img.itqaq.com/art/content/205424ce918b7caf8cbd885afe2973dd.png)