vue项目搭建

Vue推荐开发环境

Node.js 6.2.0、npm 3.8.九、webpack 1.1三、vue-cli 2.5.一、webstrom2016

如今开始安装环境

安装nodejs 
能够在终端里下载，可是不推荐，npm的版本会报错 
去nodejs官网下载便可，地址：http://nodejs.cn/中文网

安装vue淘宝镜像 
npm install -g vue –registry=https://registry.npm.taobao.org

安装webpack 
npm install webpack -g

安装vue脚手架 
npm install vue-cli -g

—————-若是第二次编写新的vue项目，就能够在这里开始了—————–

根据模板建立项目 
vue init webpack 项目名字<项目名字不能用中文>

会有一些初始化的设置，以下输入: 
Target directory exists. Continue? (Y/n) 直接回车默认(而后会下载 vue2.0模板，这里可能须要连代理) 
Project name (vue-test) 直接回车默认 
Project description (A Vue.js project) 直接回车默认 
Author 直接回车默认 
Use ESLint to lint your code? n 
pick an eslint preset. 默认Standard 
setup unit tests with karma + mocha?No(单元测试不须要) 
setup e2e tests with Nightwatch?No(单元测试不须要)

进入项目 
打开终端 
cd 项目名字

安装项目依赖 
npm install

安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西，–save 是你发布以后还依赖的东西 
npm install vue-router vue-resource –save

启动项目 
npm run dev

发布项目 npm run build