【4】vite创建vue3项目

1. node.js安装与配置

Node.js是一个开源、跨平台的 JavaScript 运行时环境；仅仅提供了基础的功能和API。然而，基于Node.js提供的这些基础功能出现了很多强大的工具和框架。所以学会Node.js，可以让前端程序员胜任更多的工作和岗位。

安装node.js

• 进入node.js官网下载对应系统安装包、安装.
  

• 配置系统环境变量
  

• 终端查看版本，测试安装是否成功

node -v
npm -v

修改模块下载位置

• 命令如下：

npm get prefix //查看npm全局模块存放位置
npm get cache //查看npm缓存默认存放位置
npm config set prefix "" //修改全局模块位置
npm config set cache "" //修改缓存存放位置

• 添加环境变量（全局模块大多需要命令行访问）
  
• 下载模块测试（两个命令二选一）

npm install express -g
npm install express --global

“-g”等同于“–global”，“-g” 是全局安装，不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的【node_global】目录下;同时nodejs会自动地在node_global文件夹下创建【node_modules】子文件夹.

• 修改【node.js】【node_global】【node_cache】【node_modules】权限，否则容易下载失败
  

修改镜像

• 改镜像
  npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载，国内下载速度可能不稳定，一般更换为淘宝镜像：https://registry.npm.taobao.org。

npm config set registry https://registry.npm.taobao.org/ //修改镜像
npm config get registry //检查当前镜像路径

• 安装cnpm
  cnpm的服务器是由淘宝团队提供，服务器在国内，cnpm是npm镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装，在项目创建与卸载等相关操作时仍使用npm。

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v 检查版本，是否安装成功 

2. vite创建vue项目

npm init vite@latest <project name> //新建工程
cd <project name> //进入工程目录
npm install //安装依赖环境
npm run dev //运行项目