vue-cli脚手架的搭建

一、安装node.js（webpack基于node.js）
1.进入官网下载node.js；
2.查看版本： node -v和npm -v
3.安装webpack：
配置npm安装全局模块的路径和缓存cache的路径，方便管理：
在node.js安装目录下node_global和node_cache文件夹；
在cmd命令下执行命令：
npm config set prefix “D:\node\install\node_global”
npm config set cache “D:\node\install\node_cache”
配置环境变量：
环境变量–系统变量：新建变量名NODE_PATH，值为D:\node\install\node_global。（在用户变量中，path里修改npm的默认路径，否则仍旧报错不是可执行…）（快速进入对应目录下的cmd，选中当前目录下，输入cmd直接进入）
cmd命令下执行npm install webpack -g安装webpack；
查看版本：webpack -v
ps：webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli；cnpm install webpack-cli -g安装。
二、安装npm
1.npm是node.js的包管理器，用于node的插件管理（安装、卸载、管理依赖）；
2.安装插件：npm install 插件名；
3.cnpm：国内npmjs.org镜像。
安装：npm install -g cnpm --registry=https://registry.npm.taobao.org
查看版本：cnpm -v
ps：yarn是包管理器，facebook发布的一款取代npm的包管理工具。cnpm install -g yarn安装。
三、安装vue-cli脚手架构建工具
vue-cli提供一个人官方命令行工具，用于快速搭建大型单页应用（）。
1.先确定是否安装过vue-cli；
vue -V //安装过用npm uninstall vue-cli -g命令卸载
2.安装vue-cli；
cnpm install -g @vue/cli。
3.指定安装vue-cli版本；
3.0以下：cnpm install -g vue/cli@版本号
3.0以上：cnpm install -g @vue/cli@版本号