开发环境搭建
node 下载
nodejs官方网站: nodejs.org/en 下载nodejs (Tip: vue3项目使用 v14以上即可)
nvm node 管理工具相关命令(mac 可以使n管理,这里习惯使用nvm)
Tip: mac M系列芯片 对低版本node 不友好(亲测v14以下),需要自行度娘
-
nvm ls-remote // 查看node 可用的版本
-
nvm install 版本号 // 安装版本
-
nvm current // 查看当前使用版本
-
nvm use 版本 // 切换版本
-
nvm uninstall 版本
-
nvm root // 查看安装目录
全局安装xxx
npm i -g pnpm | npm i -g vite | npm i -g typescript
mac使用:
sudo npm i -g pnpm | sudo npm i -g vite | sudo npm i -g typescript
查看某环境(node npm pnpm yarn nvm, vite等)
xxx -v | node -v | npm -v | pnpm -v | vite -v | yarn -v | tsc -v
Tip: vue3(底层基于ts),对ts较友好
Tip: vite 官方提示(后续会补充vite相关的用法)
兼容性注意
Vite 需要 [Node.js](https://nodejs.org/en/) 版本 14.18+,16+。然而,
有些模板需要依赖更高的 Node 版本才能正常运行,
当你的包管理器发出警告时,请注意升级你的 Node 版本。
// npm | pnpm | yarn 初始化一个v3 项目
1. npm init vite@latest |
npm create vite@latest |
npm init vue@latest(可选配置项较多,适合多样化项目自定义)
以上三种方式均可
2. 根据提示选择自己的项目npm install 即可
个别坑:有些node 版本与npm 缓存问题造成 npm install 报错,
一般情况npm 缓存造成。
管理员执行;npm cache clean -f