开发环境以及vue3项目搭建

120 阅读1分钟

开发环境搭建

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