部署vue

一、安装node  下载地址:https://nodejs.org/en/download/

1. 官网下载-->>>安装至D:\Program Files-->>>选择Add to PATH(默认添加到PATH环境变量)

部署vue

点Finish完成

2.检测是否安装成功

运行 cmd   -->>>> node -v     npm -v

部署vue

运行

npm config set prefix  "D:\Program Files\nodejs\node_global"

npm config set cache  "D:\Program Files\nodejs\node_cache"(可手动)

部署vue

输入命令 npm config set registry=http://registry.npm.taobao.org       配置镜像站

输入命令 npm config list 显示所有配置信息

输入npm config get registry

看看能否获得vue信息,输入npm info vue

3. npm install npm -g  安装或更新命令

注:默认的模块D:\Program Files\nodejs\node_modules目录

    将会改变为D:\Program Files\nodejs\node_global\node_modules目录

4. 增加环境变量NODE_PATH内容是D:\Program Files\nodejs\node_global

部署vue(重新启动运行cmd)

二、安装测试vue

1. 输入命令:npm install vue -g  (g是指安装到global全局目录)

部署vue

部署vue

2. 测试npm安装vue-router

输入命令:npm install vue-router -g

部署vue

部署vue

3. 安装vue脚手架,输入命令:npm install vue-cli -g

部署vue

4. 配置系统变量 Path  D:\Program Files\nodejs\node_global

部署vue

5. 测试VUE

重新打开cmd    vue -V   V大写

部署vue

注意:vue-cli工具是内置了模板包括webpack和webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的webpack.config.js中。