vue-cli的安装步骤

1、安装Node.js

2、设置 cnpm的下载路径和缓存路径

  • 新建目录:在安装目录 G:\Program Files\nodejs 下手动新建 node_cache 和 node_global 文件夹

vue-cli的安装步骤

 

  • 调整目录:在命令行分别输入  
    npm config set prefix "G:\Program Files\nodejs\node_global"
    
    npm config set cache "G:\Program Files\nodejs\node_cache"

 

 3、设置环境变量

  • “环境变量 | 系统变量 | Path | 编辑 | 新建 | 复制粘贴 G:\Program Files\nodejs\node_global”
  • 在命令行输入 cnpm -v 查看 cnpm安装是否成功(安装成功才可以使用 cnpm)

4、安装 cnpm

  • 在命令行输入
    npm install -g cnpm --registry=https://registry.npm.taobao.org

  【注】cnpm的安装路径是 G:\Program Files\nodejs\node_global\node_modules\cnpm\bin

5、安装vue-cli

  • 在Vue Cli 官网 https://cli.vuejs.org/zh/guide/ 查找安装命令和版本,如
    npm install -g @vue/cli
  • 进入 Node.js 安装目录,把 npm 替换成 cnpm
    G:\Program Files\nodejs\cnpm install -g @vue/cli

6、创建并运行工程项目

  • 在要创建工程的目录下输入 vue create helloworld
  • 按照提示进入工程目录:cd helloworld
  • 按照提示运行项目:npm run serve
上一篇:npm install -g cnpm安装报错


下一篇:vuecli创建vue3.0的项目 不得不说真香 还是vue3.0的便捷呀