vue学习 创建Vue项目(一)
2017-06-14 本文已影响0人
JackNia
1.安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安装webpack:
cnpm install webpack -g
3.安装vue脚手架
npm install vue-cli -g
4.创建项目
先进入要创建项目的位置比如D:vue,再创建vue项目(vue_test)
d:
cd vue
vue init webpack vue_test
输入项目初始化信息
Project name: 项目名称(vue_test)
Project description: 项目描述信息,也可以回车默认项目描述信息(a vue test)
Author: 作者名称(zoro)
出现bulid提示信息后,再次点击回车
install vue-router: 是否选择vue路由模块(y)
use ESLint to lint your code:是否把检查语法规范的功能加进webpack编译的流程里(n)
Setup unit tests with Karma + Mocha:是否需要单元测试(n)
Setup e2e tests with Nightwatch:是否安装e2e来进行用户行为模拟测试(n)
5.进入工程目录
cd vue_test
6.安装依赖
npm install
7.安装 vue 网络请求模块
cnpm install vue-resource --save
8.启动项目
npm run dev
9.项目截图