安装NVM与构建vue项目
安装nvm
windows 安装
去github 上下载 https://github.com/coreybutler/nvm-windows
安装包地址: https://github.com/coreybutler/nvm-windows/releases
直接下载安装即可。
安装完了 持续下一步
进入目录中
然后修改settings中
添加如下内容
1 | node_mirror: https://npm.taobao /mirrors/node/ |
验证
验证NVM是否安装成功
以上代表已经安装成功了。
ubuntu 安装
执行如下命令即可。
1 | curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash |
1 | wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash |
修改hosts
1 | sudo vim /etc/hosts |
重启网卡
systemctl restart NetworkManager.service
这样就算安装成功了
更换淘宝源
在安装nodejs的时候特别慢,安装了好久都安装不上去,网速实在是太慢了,需要将nvm的默认下载地址改为国内的,我使用了淘宝的镜像,在.bashrc文件中追加如下内容
1 | vim ~/.bashrc |
安装cnpm
1 | npm install -g cnpm --registry=https://registry.npm.taobao.org |
安装node
1 | nvm install v16.13.0 |
卸载node
1 | nvm uninstall v16.13.0 |
使用nvm
使用 16.13.0
nvm use v16.13.0
注意: 如果在windows下 要使用超级管理员 不然会出现错误
查看安装环境
nvm current
nvm list
更换默认环境
nvm alias default v16.13.0
安装yarn
安装源添加镜像
1 | curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - |
更新源并且安装
1 | sudo apt update && sudo apt install yarn |
卸载
1 | sudo apt-get remove yarn |
添加淘宝源
1 | npm config set registry http://registry.npm.taobao.org/ |
安装完毕 后 输入
1 | yarn -v |
代表安装成功!!!
初始化一个yarn项目
1 | yarn init |
vue-cli
安装
1 | # 速度不行可以考虑换源 npm |
常规安装
vue create vueproject
vite
安装vite
中文文档: https://cn.vitejs.dev/guide/
使用 NPM:
1 | $ npm create vite@latest |
使用 Yarn:
1 | $ yarn create vite |
结果如下
使用
然后使用vscode中的project manager 来对我们的项目进行管理
然后修改project.json
1 | [ |
执行yarn 命令 安装资源包
1 | yarn |
然后执行yarn dev
1 | yarn dev |
启动成功!!
然后置空所有其他无用的东西
效果如上图
- 标题: 安装NVM与构建vue项目
- 作者: 流转
- 创建于 : 2022-05-26 17:14:38
- 更新于 : 2024-08-28 16:15:09
- 链接: http://hybpjx.github.io/2022/05/26/安装NVM与构建vue项目/
- 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论