vue3 脚手架vue-cli创建项目过程

1、安装node

安装地址 => https://nodejs.org/en/
选择 LTS 长期维护的稳定版本

在电脑 window + R + cmd，打开终端命令行输入node -v 查看node版本，说明安装好了

vue3要求node版本至少是10.0以上
npm -v，安装了node之后本地会自动安装工具npm（node package manage，node包管理器也会一起安装）

在node官网下载node安装程序（如下面这个文件的格式）后，双击安装，除了自定义安装路径外，其他都是点击next或下一步按钮，就可以完成安装node了，安装完成会自动将node安装路径添加到系统环境变量中，不需要额外配置。

但是如果需要在电脑的任何空间、任何路径下。node都可以用，还需要再配置全局变量。

• 创建新的文件夹：在Node.js的安装目录下创建两个新文件夹，分别用于存放全局模块(node_global)和缓存文件(node_cache)。
• 设置新的路径：通过npm配置命令npm config set prefix 和 npm config set cache来分别指定新的全局模块安装路径和缓存路径；说明：
  prefix = 创建的node_global文件夹所在路径
  cache = 创建的node_cache文件夹所在路径

npm config set prefix "D:\node-v20.16.0-x64\node_global"
npm config set cache "D:\node-v20.16.0-x64\node_cache"

• 更新环境变量：修改环境变量，确保系统的PATH变量包含了新的全局模块路径，这样在任何位置运行命令时都能够访问到这些模块。

2、安装nrm

• npm install nrm -g。需要通过npm包管理工具去安装很多依赖，国内直接使用npm镜像源有时候比较慢，使用nrm来安装淘宝镜像源，速度会比较快
  
  * nrm ls，选择taobao，nrm use taobao回车，再执行nrm ls
  

3、安装脚手架

需要安装vue-cli3.0以上版本（不确定是不是，网上查的。。。），如果版本低的，需要先卸载旧的脚手架，再安装新的脚手架。

• npm uninstall vue-cli -g删除掉老版本的脚手架；如果本地是yarn，还要运行yarn global remove vue-cli

• npm install -g @vue/cli，安装指定版本脚手架 npm install -g @vue/cli@4.5.9 (4.5.9是版本号)
  
  vue -V 查看脚手架版本
  使用脚手架可以快速搭建vue项目，包括webpack打包工具及其一些配置基本上都设置好了。

4、搭建项目

• 进入需要把项目放置的文件夹，输入vue create demo
  

• 选择人工手动配置

• 按空格去勾选，勾选Babel、Linter、vuex、router、css
  
  

• 选择vue3.x版本

• 

• 选第一个

• lint只在保存时做校验
  

• 配置文件放到单独的文件中
  

•