安装vue运行环境

前提：安装Node.js环境

查看npm配置

C:\Users\shi-tao.wen>npm config list -l

1.安装vue-cli

① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），

C:\Users\shi-tao.wen>npm install webpack -g

安装完成之后输入 webpack -v，如下，如果出现相应的版本号，则说明安装成功。

C:\Users\shi-tao.wen>webpack -v

4.43.0

注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g

C:\Users\shi-tao.wen>webpack -v

One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:

 - webpack-cli (https://github.com/webpack/webpack-cli)

   The original webpack full-featured CLI.

We will use "npm" to install the CLI via "npm install -D".

Do you want to install 'webpack-cli' (yes/no): yes

C:\Users\shi-tao.wen>webpack -v

4.43.0

npm install webpack -g

npm install webpack-cli -g

默认安装了webpack最新版本,导致安装的最新脚手架webpack-cli与webpack版本不匹配,导致安装错误

// 指定webpack安装版本

npm install webpack@4.30.0 -g

// 指定webpack-cli安装的版本如下:

npm install webpack-cli@3.3.2 -g

② 全局安装vue-cli，在cmd中输入命令:

C:\Users\shi-tao.wen>npm install --golbal vue-cli

安装成功输入vue -V：

C:\Users\shi-tao.wen>vue -V

2.9.6

安装完成，到目录C:\Users\XXXXXX\AppData\Roaming\npm，目录文件如下

node_modules

vue

vue.cmd

vue.ps1

vue-init

vue-init.cmd

vue-init.ps1

vue-list

vue-list.cmd

vue-list.ps1

webpack

webpack.cmd

webpack.ps1

webpack-cli

webpack-cli.cmd

webpack-cli.ps1

设置仓库地址

C:\Users\shi-tao.wen>npm config set registry https://registry.npm.taobao.org

取消代理

npm config get proxy

npm config get https-proxy

如果返回值不为null，继续执行：

npm config set proxy null

npm config set https-proxy null

创建Vue项目

D:\>vue init webpack myproject

创建成功

> myproject@1.0.0 lint D:\myproject

> eslint --ext .js,.vue src test/unit test/e2e/specs "--fix"

# Project initialization finished!

# ========================

To get started:

  cd myproject

  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

博客 - 安装vue运行环境