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

4.安装webpack

cnpm install webpack –g

5.安装vue脚手架

npm install vue-cli –g

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

cd 目录路径

根据模板创建项目

vue2.0格式

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

这里会有一些初始化的设置&＃xff0c;如下输入:

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

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

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

Author 写你自己的名字

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

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

7.安装项目依赖

npm install

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

cnpm install vue-router vue-resource --save

9.启动项目

npm run dev

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