前端开发环境配置搭建

时间:2023-03-28 20:55:55

1、安装nvm
下载链接:https://github.com/coreybutler/nvm-windows/releases
双击nvm-setup.exe文件,开始安装
2、配置nvm
复制下面两句话到nvm的安装目录(C:\Users\XXXX\AppData\Roaming\nvm)下的settings.txt的最后
(目的是加快后面下载node.js的速度)
node_mirror:https://npm.taobao.org/mirrors/node/
npm_mirror:https://npm.taobao.org/mirrors/npm/
3、nvm命令以及node的安装
nvm version:查看nvm的版本
nvm list:查看当前安装的Node.js所有版本
nvm install 版本号[架构]:安装指定版本的Node.js(常用)
nvm uninstall 版本号:卸载指定版本的Node.js
nvm use 版本号:选择指定版本的Node.js(常用)
nvm install latest:安装最新版本
node -v:查看node版本
4、切换npm镜像源
npm存储包文件的服务器在国外,有时候会被抢,速度很慢,所以我们需要解决这个问题,国内淘宝的开发团队把npm在国内做了一个备份,网址是:http://npm.taobao.org/,
最简单的方式就是在我们安装包的时候告诉npm你去哪个服务器下载
但是每次手动往后面加 --registry=https://registry.npm.taobao.org很麻烦,
所以我们可以通过修改配置文件的方式来处理解决
配置到淘宝服务器:npm config set registry https://registry.npm.taobao.org
查看 registry 是否配置正确:npm config get registry
只要经过了上面命令的配置,则你以后所有的npm install 都会使用你配置的registry下载

5、使用npm安装@vue/cli脚手架包
npm install -g @vue/cli
安装之后,你就可以在命令行访问vue命令,你可以通过简单运行vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功
你可以用这个命令来检查版本是否正确:
vue --version
vue -V