vue.js开发环境

安装 nodejs

　　地址 :https://nodejs.org/en/

npm安装最新版本

　　更新npm ：npm update -g

安装淘宝镜像

　　npm install -g cnpm --registry= https://registry.npm.taobao.org

安装webpack

　　npm install webpack -g

安装vue脚手架

　　npm install vue-cli -g

在硬盘上找一个文件夹放工程用的，在终端中进入该目录

　　cd 目录路径

根据模板创建项目

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

　　或者创建 vue1.0 的项目

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

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

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

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

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

　　Author 写你自己的名字

cd 命令进入创建的工程目录

　　工程目录如图所示:

　　

 

安装项目依赖

　　一定要从官方仓库安装，npm 服务器在国外所以这一步安装速度会很慢。

　　npm install

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

　　cnpm install vue-router vue-resource --save

启动项目

　　npm run dev