搭建vue2

安装脚手架

使用安装命令安装脚手架

$ npm install -g @vue/cli
# 或者
$ yarn global add @vue/cli

安装后可以使用这个命令检查其版本是否正确：

$ vue --version

安装项目

脚手架安装好后就可以执行安装命令进行项目安装了

其中的 vue-cli 是项目名称，可以自行更改
$ vue create vue-cli

选择配置并安装

看个人需求选择，这里我需要vue2，所以选择的Default ([Vue 2] babel, eslint)

选择默认配置

这里先选择默认配置 Default ([Vue 2] babel, eslint) ，选择之后，按回车键就会进入安装过程

进入项目

输入图片中最后的两行命令中的第一条

$ cd 项目名

运行

输入图片中最后的两行命令中的最后一条

$ yarn serve

手动配置

如果你是选择的 Manually select features 这个是手动配置。

通过键盘 上↑下↓ 键可以上下移动活动光标，空格选中/取消，回车完成，选择完后直接回车。

这里我选择了：Babel, Router, CSS Pre-processors, Linter

? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i>  to invert selection)
( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 
( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用
( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
( ) Router // vue-router（vue路由）
( ) Vuex // vuex（vue的状态管理模式）
( ) CSS Pre-processors // CSS 预处理器（如：less、sass）
( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）
( ) Unit Testing // 单元测试（unit tests）
( ) E2E Testing // e2e（end to end） 测试

选择完后按回车，会让你继续选择 vue 版本，默认选中vue3，这里我改成了vue2

回车进行安装后，会提示你是否 使用 history 模式路由

Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)

这里我们选择确认即可，确认之后进行后续配置。

选择css 预处理器（Sass/SCSS）：

选择eslint 配置（ESLint + Standard config）：

选择什么时候执行eslint校验（Lint on save）：

如何存放配置: 我选In package.json

我都统一集成在package.json文件

是否将之前的设置保存为一个预设模板（n）：不保存配置。