2.环境搭建与配置

1. 安装node稳定版本，当前为12.16.3
   • 通过nvm可以管理本地的node版本(安装比较麻烦，涉及网络问题)
2. 通过vue cli 或 react cli脚手架创建基础架构
   1. 全局安装vue或react的脚手架
      • npm i -g vue-cli
      • npm i -g create-react-app (react无需要安装脚手架，直接使用npx create-react-app 也可以)
3. 项目初始化
   1. vue init webpack yixiantong-vue
      • webpack代表使用webpack作为工程化工具
      • eslint、unit test根据自身情况，可选no
   2. create-react-app yixiantong-react
      • 没有相关选项，直接完成初始化
      • 默认使用webpack作为工程化工具
4. 项目编译并部署至本地服务
   • vue
     1. cd yixiantong-vue
     2. npm run dev
   • react
     1. cd yixiantong-react
     2. yarn start / npm start
5. 安装调试工具

• vue
  • vue-devtools 点此查看安装教程
  • 上面的方法会可能比较耗时，点击此网站，搜索vue可直接下载crx文件，亲测使用备用下载可直接使用。
• react
  • React Developer Tools 常规安装方式
  • 快捷方式，与vue相同。

6. 安装依赖

• 安装命令

npm install packageName -D // 简写 npm i packageName -D

--save-dev和--save的区别
--save是用于生产环境，默认包含dev环境，但不会在devDependencies里体现，可简写为-S。
--save-dv只用于开发环境，生产环境不会安装，可简写为-D。
--新版npm，使用npm i 默认为-S，等同于--save。旧版npm不会体现到package.json的dependencies中。