NVM
1.下载
下载地址:Releases · coreybutler/nvm-windows · GitHub 可能需要开启魔法
划到下面。找到如图所示的文件下载即可2.
2.安装(要记住安装的路径)
基本一键默认即可,你要修改路径也可以,但不建议
下载好后输入以下命令,如果出现版本号即成功安装
3.配置信息
根据之前下载的路径进入到setting文件配置以下信息
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
4.环境变量
通常已经设置好了,如果没有的话可以自己按照着添加
Nodejs
1.下载
通过命令
nvm install <对应的版本>
2.使用
nvm user <对应的版本>
3.配置全局依赖
进入到nvm的安装路径,在下载好的node的版本里找到node_modules然后创建以下两个目录
然后再去到环境变量里的PATH 里面创建一个新的环境变量,路径是node_global这个文件的路径
NPM配置
1.查看配置
npm config ls
2.配置对应路径
分别按照以下命令进行配置
npm config set prefix "C:\Program Files\nodejs\node_modules\node_global"
npm config set cache "C:\Program Files\nodejs\node_modules\node_cache"
registry=https://registry.npm.taobao.org
下载cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.or
下载yarn
1.安装yarn工具
npm install -g yarn
2.配置文件
yarn config get registry 获取当前镜像源
yarn config set registry http://registry.npm.taobao.org/ 设置淘宝镜像源
下载vue
1.下载
npm install -g @vue/cli 或者 yarn global add @vue/cli
这里我是采用的npm命令
2.环境变量配置
前面已经配置过npm的其实已经算是也把vue配置好了但如果还是显示命令不存在可以看以下步骤
1.找到vue存在的路径
新建一个NPM_HOME,复制进去
然后在Path里再配置以下的信息
vue -V查看配置信息
小提示:用vue创建项目或者用npm初始化项目的时候的报错可以换cnpm尝试
如何在运行人家的vue项目
1.删除文件
通常人家编译好的项目是会已经有了node_modules和一个package-lock.json文件,package-lock.json记录了整个node_moudles文件夹的树状结构因此如果不删除的话容易导致npm版本不一致
2. 在项目终端运行cmd窗口
3.清除npm缓存
npm cache clean -force
4.按照自己的npm重新安装依赖
npm install
5.运行项目
npm run serve