0
点赞
收藏
分享

微信扫一扫

vite学习


vite学习

第一步安装 pnpm

先查看node 的版本

vite学习_当前版本

发现我的Node.js版本是这个,

vite学习_当前版本_02

根据官方文档要求,这边node.js版本不能安装vite

想要在window系统上升级​​node​​,似乎只能到node官网下载window安装包来覆盖之前的node。

不过,windows系统的node升级,是可以通过nvm版本控制器来切换的。

这里,就用nvm 来进行node.js的版本切换

nvm的一些常用指令

nvm version         // 查看nvm版本
nvm install 4.6.2 // 安装node4.6.2版本(附带安装npm)
nvm uninstall 4.6.2 // 卸载node4.6.2版本
nvm list // 查看node版本
nvm use 4.6.2 // 将node版本切换到4.6.2版本
nvm root     // 查看nvm安装路径
nvm install latest //下载最新的node版本和与之对应的npm版本

vite学习_学习_03

1,nvm nvm list 是查找本电脑上所有的node版本

- nvm list 查看已经安装的版本
- nvm list installed 查看已经安装的版本
- nvm list available 查看网络可以安装的版本

2,nvm install 安装最新版本nvm

3,nvm use <version> ## 切换使用指定的版本node

4,nvm ls 列出所有版本

5,nvm current显示当前版本

6,nvm alias <name> <version> ## 给不同的版本号添加别名

7,nvm unalias <name> ## 删除已定义的别名

8,nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包

9,nvm on 打开nodejs控制

10,nvm off 关闭nodejs控制

11,nvm proxy 查看设置与代理

12,nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
  nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是: https://github.com/npm/npm/archive/.

13,nvm uninstall <version> 卸载制定的版本

14,nvm use [version] [arch] 切换制定的node版本和位数

15,nvm root [path] 设置和查看root路径

16,nvm version 查看当前的版本

去Node.js官网查看node.js更新了,那些版本

​​https://nodejs.org/en/blog/​​

vite学习_前端_04

最新版本有不少问题,这里就选中了node.js 16.15.1版本的

nvm安装这个版本:

vite学习_javascript_05

vite学习_学习_06

上面这种情况,请用管理员权限打开cmd。然后再试nvm use;

vite学习_前端_07

vite学习_node.js_08

vite学习_javascript_09

这样node 版本就切换为16.15.1版本了

下面安装 pnpm

先配置全局的 yarn

npm install yarn -g

vite学习_node.js_10

使用下面命令安装

npm i pnpm -g

vite学习_node.js_11

为什么要安装pnpm

vite学习_学习_12

使用 pnpm 创建vite项目

vite学习_javascript_13

vite学习_javascript_14

vite学习_node.js_15

vite学习_node.js_16

vite学习_当前版本_17

vite学习_当前版本_18

vite学习_学习_19

可以用 pnpm i 或者 pnpm install 安装依赖

vite学习_当前版本_20

输入 pnpm run dev

vite学习_学习_21

项目地址在浏览器打开

vite学习_node.js_22

vite学习_学习_23

第一个vite项目运行成功


举报

相关推荐

0 条评论