npm vue-cli安装步骤

2021年09月16日 阅读数:4
这篇文章主要向大家介绍npm vue-cli安装步骤,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

npm vue-cli安装步骤

1、npm安装

  1. 官网下载vue

  2. 安装nodeJsnode

    • 一直下一步
    • 安装路径选择本身合适的盘符
    • 能够默认,也能够选择Add to Path的node modules
    • 输入node -v查看版本号
    • 输入npm -v查看nodeJs中集成npm的版本号
  3. 在安装的nodeJs主目录中新建两个文件夹分别为vue-cli

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

    npm config set cache "E:\nodeJs\node_cache"
    npm config set prefix "E:\nodeJs\node_global"
    
    // 完成后咱们能够输入npm config get prefix看到如今的目录
    
  5. 配置npm和nodejs的环境变量(用户变量里添加)缓存

  1. npm配置完成

2、Vue-CLI安装及配置

安装淘宝镜像code

npm install cnpm -g

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

安装命令blog

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

    cnpm install -g @vue/cli
    
  2. 【较慢】使用npm命令安装io

    npm install -g @vue/cli
    
  3. 输入vue --version或者vue -V查看脚手架版本号变量