安装vue脚手架以及win7可以安装的最高版本

安装nodejs

• win7不可以直接在node官网下载node.js 14.15.0版本，要通过解压的方式来安装

• react / Vue支持的node版本是14以上，但是电脑用的win7系统，又不好换系统的，到处巡逻帮助最终解决了这个问题。现将这个方法分享出来 ，让还在使用win7系统的小伙伴，解决这个小问题。

  起初为了安装node, 安装的是node.js 13.14.0版本

  但是现在react / Vue不支持低版本的node,怎么解决呢？

   第一步：下载WIN7支持的node 14版本下载地址：Index of /download/release/v14.15.0/，记住一定要下载zip结尾的。

• 

  第二步：解压压缩包，覆盖替换到旧的安装目录。我的是D:\Program Files\nodejs。

  第三步：打开命令行，输入set NODE_SKIP_PLATFORM_CHECK=1，执行它，其作用是忽略平台审查。

  最后 node -v 

   14版本的node就安装好了~~
   

---

• 下载地址：http://nodejs.cn/download/

1. 测试nodejs 是否安装 ----在cmd中输入node -v
   
2. 测试npm是否自动安装

• npm -v
  

配置下载源—全局安装nrm

• npm install nrm -g

使用taobao镜像源

• nrm ls 查看镜像源
• nrm use taobao

全局安装脚手架

npm i @vue/cli -g

测试安装是否成功

vue -V

创建VUE项目

vue create 项目名

项目配置

1. 选择预设
   Please pick a preset: (Use arrow keys) ----使用键盘上下键选择 回车确定
   default (babel, eslint) ----默认只安装babel和eslint
   Manually select features ---- 自定义
2. 手动选择插件（1,4,5,6）

• Check the features needed for your project: ----空格选择，a全选，i反选 回车确定
• Babel ---- 将高级版本ES转换为浏览器识别的JS语法
• TypeScript---- JS的超集，提供了JS面向对象支持
• Progressive Web App (PWA) Support ----渐进web app支持
• Router ----路由、请求所对应的地址
• Vuex ---- 数据状态管理器、用于多页面传参
• CSS Pre-processors ----CSS预处理，将高级CSS语法转换为浏览器识别CSS语法
• Linter / Formatter ----语法检测
• Unit Testing ----单元测试
• E2E Testing ----测试

1. 选择路由模式
   Use history mode for router?
   History模式---- yes
   Hash模式---- no 路由的后方有#只刷新部分内容（建议采用）
2. 选择CSS预处理
   Pick a CSS pre-processor
   Sass/SCSS (with dart-sass)
   Sass/SCSS (with node-sass)
   Less
   Stylus
3. 选择插件的配置存放
   Where do you prefer placing config for Babel, ESLint, etc
   In dedicated config files ----独立的配置文件
   In package.json ----放在package.json中
4. 是否保存预设
   Save this as a preset for future projects ----是否把你选择的作为预设
   N不保存
   Y保存

切换到项目文件夹—cd 项目名

运行—npm run serve

-输入地址： http://localhost:8080/
项目创建成功