Vue的环境的安装

1.下载Node.js安装包

https://nodejs.org/zh-cn/download/

  • 如果没有配置环境变量,默认使用的是在 C:\用户(Users)(当前的系统用户)\AppData\Roaming 下有 node_modules 包

2.配置环境变量

搜狗截图20201103220926.png

3.重新配置新的npm的默认安装路径

npm config set prefix "D:\Program Files\nodejs\node_global" //这里的路径必须是上面path对应!
npm config set cache "D:\Program Files\nodejs\node_cache"  //---这里是我自定义的缓存路径,无关紧要

如果报# npm命令Error: EINVAL: invalid argument, mkdir的错误
那就直接在C:\用户(Users)\(当前的系统用户)\下找到对应的 .npmrc文件 直接在里面进行修改

good.png

4.将npm 换成国内的淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

5. 检查是否配置安装成功

  • node -v 查询node版本号
  • npm -v 查询npm 版本号
  • cnpm -v 查询 cnpm 是否安装成功


    搜狗截图20201103221338.png

6.安装脚手架3以上的版本

cnpm install -g vue-cli

使用脚手架3创建项目
vue create '项目名'
  • 如果想兼容2的版本,需要建立桥接
cnpm install -g @vue/cli-init

使用脚手架2创建模板命令
vue init webpack '项目名'

你可能感兴趣的:(Vue的环境的安装)