vue开发基础搭建

Vue推荐开发环境

Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016

Vue-Cli开发模板可以快速生成vuejs的运行配置环境，可以使新手快速免除配置搭建出运行界面

现在开始安装环境

• 安装nodejs

• 获取nodejs模块安装目录访问权限(？)

sudo chmod -R 777 /usr/local/lib/node_modules/

以下两种二选一

• 安装淘宝镜像

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

• 安装vue淘宝镜像

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

• 安装vue淘宝镜像

cnpm install vue -g

• 安装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?   No 
pick an eslint preset.  默认 
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