Vue.js学习系列（二）---配置开发环境

4.安装webpack

cnpm install webpack –g

5.安装vue脚手架

npm install vue-cli –g

6.在硬盘新建一个文件夹来存放工程，在终端中进入该目录

cd 目录路径

根据模板创建项目

vue2.0格式

vue init webpack-simple 工程名字<工程名字不能用中文>

这里会有一些初始化的设置，如下输入:

Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板，这里可能需要连代理)

Project name (vue-test)直接回车默认

Project description (A Vue.js project) 直接回车默认

Author 写你自己的名字

完成之后，cd命令进入创建的工程目录，打开vue学习文件夹，如下图所示

 

在这个示例中，我在桌面上创建vue学习文件夹，在里面创建的工程项目是vueStart，该文件夹后面生成的子文件都是模板自动生成的。

7.安装项目依赖

npm install

8. 安装 vue 路由模块 vue-router 和网络请求模块 vue-resource

cnpm install vue-router vue-resource --save

9.启动项目

npm run dev

 

出现这样的界面就说明，开发环境配置成功了。