下载node.js:​​​node.js地址​​​.
vue+webpack的开发环境搭建_系统盘

二安装node.js
不建议安装在系统盘,安装目录最好不出现中文与空格
vue+webpack的开发环境搭建_node.js_02
一路next,直到finish
vue+webpack的开发环境搭建_系统盘_03


安装cnpm
安装命令为:​​​npm install -g cnpm --registry=https://registry.npm.taobao.org​​​vue+webpack的开发环境搭建_系统盘_04

安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

cnpm install -g vue-cli

vue+webpack的开发环境搭建_vue.js_05
检测安装
输入​​​vue -V​​​vue+webpack的开发环境搭建_node.js_06


安装webpack

​npm install -g webpack​​​vue+webpack的开发环境搭建_vue.js_07
安装成功与否可以键入​​webpack -version​​来查看
vue+webpack的开发环境搭建_系统盘_08

然后
用vscode实现vue.js项目的一个完整过程