搭建Vue脚手架与创建项目

一、环境搭建

1、安装node、npm、webpack；

• node安装详细步骤node.js安装详细步骤（Windows版）
• webpack配置步骤webpage配置及打包的详细步骤（配置即可）

2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g；

二、用vue-cli来构建项目

1、在需要存放项目文件的目录下运行cmd;

2、输入   vue create  '你的项目名称（项目名称不能为中文、大写字母）'

回车后显示如下图，可通过上下键选择，这里选择的是自定义配置：

 回车后显示如下图，按需要配置你的项目预设，也是上下键控制，空格键切换是否选择

选好之后继续回车，选择版本 

后面的只需要按回车键即可，脚手架会自动搭建项目，搭建完成后如下图：

  

可以继续在命令窗口输入 

$ cd 你的项目名
$ npm run serve

复制两个网址的任意一个到浏览器打开，

 或者把项目文件夹用编辑器打开，启动终端，输入npm run serve，创建的项目就可以运行啦！