[JavaScript知识库]搭建Vue脚手架 并创建一个项目

1.安装node.js环境

?

官网下载:http://nodejs.Nodejshttp://nodejs.org/en/download/

傻瓜式安装 一直点下一步

2.安装完进入cmd

①node -v

②npm -v

如果显示出node和npm的版本号说明安装成功?，建议选择高版本nodejs 低版本容易出错

Vue.js官方脚手架工具就使用了webpack模板

webpack全局安装

npm install webpack -g（-g为全局安装）

?

?同样，可以查看版本号 说明安装成功

注意！webpack从4.x开始 需要安装webpack-cil依赖

以下两种方式都可以

1.npm install webpack webpack-cil -g
2.npm install --save-dev webpack -cil

创建Vue项目

vue init webpack

或者直接?vue init webpack test

创建成功，生成文件目录后：

安装依赖 npm install

执行命令 npm start（npm run dev）两种方式都可以