npm vue-cli安装步骤

一、npm安装

  1. 去官网下载

  2. 安装nodeJs

    • 一直下一步
    • 安装路径选择自己合适的盘符
    • 可以默认，也可以选择Add to Path的node modules
    • 输入node -v查看版本号
    • 输入npm -v查看nodeJs中集成npm的版本号

  3. 在安装的nodeJs主目录中新建两个文件夹分别为

    • node_cache
    • npm_global

  4. 修改npm缓存目录和全局目录路径

    npm config set cache "E:\nodeJs\node_cache"
npm config set prefix "E:\nodeJs\node_global"

// 完成后我们可以输入npm config get prefix看到现在的目录

  5. 配置npm和nodejs的环境变量(用户变量里添加)

npm vue-cli安装步骤_版本号

npm vue-cli安装步骤_主目录_02

  1. npm配置完成

二、Vue-CLI安装及配置

安装淘宝镜像

npm install cnpm -g

// 设置为默认淘宝下载库
npm config set registry https://registry.npm.taobao.org

安装命令

  1. 【推荐】直接使用淘宝镜像安装

    cnpm install -g @vue/cli

  2. 【较慢】使用npm命令安装

    npm install -g @vue/cli

  3. 输入vue --version或者vue -V查看脚手架版本号