Vue项目搭建

1.Node环境安装（版本至少超过6）

　　查看node版本: node -V

2.包管理工具（npm/cnpm/yarn)

　　1）查看版本:

　　　　npm -v (版本至少超过3）

　　　cnpm -v

　　yarn -v

　　　　pnpm -v

　　2）查看镜像源：

　　　　npm config get registry ===> https://registry.npmjs.org

　　　　cnpm config get registry ===> https://r.npm.taobao.org

　　　　yarn config get registry ===> https://registry.yarnpkg.com

　　　　pnpm config get registry ===> https://registry.npmjs.org

　　3）设置镜像源（在国内推荐设置为淘宝镜像源）

　　　　npm config set registry https://registry.npm.taobao.org

　　　　yarn config set registry https://registry.npm.taobao.org

　　　　pnpm config set registry https://registry.npm.taobao.org

3.全局安装Vue脚手架

　　1）全局安装：yarn global add @vue/cli / npm i -g @vue/cli / pnpm add @vue/cli -g

　　2）版本查看：vue --version

4.创建vue项目

　　1）进入一个目录，创建项目：vue create my-vue-project

　　2）第一次选择手动配置（按↑ ↓箭头切换选项，按enter确定选择）

　　3）选择需要的配置项（按↑ ↓ 箭头切换配置的项，按空格是选中，按 a 是全选，按 i 是反选，选择完成后按enter）

  　　( ) 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） 测试
　　
　　4）选择是否使用history模式
　　　　Vue-Router利用浏览器自身的hash模式和history模式的特性来实现前端路由