一 开发环境配置
- node.js 安装
http://nodejs.cn/ 下载安装包
安装成功后利用npm -vnode -v可查询当前版本号 ,保证node版本在4.0.0以上即可
- vue-cli 安装
在终端输入
sudo npm install -g vue-cli命令进行安装
提示:sudo是在mac环境下使用的用于提升一下用户权限,windows环境下省略sodo命令安装即可。
输入密码:
正在安装:安装过成可能有点缓慢
安装完成:
执行vue命令:会告知一些vue的用法
- vue-cli 使用
vue list
执行vue list 会有一些模版进行选择

vue init
执行vue init webpack takeout进行安装

提示:
模版名称 webpack (手机客户端项目选择webpack模版)
项目名称 takeout (根据项目取名)

安装过程会有一些初始化的设置

Project name takeout:默认项目名称 直接回车即可Project description :填写项目描述 然后回车Author :作者名字 直接回车Install vue-router? :是否安装vue-router选择yes 后续会介绍vue-router的应用Use ESLint to lint your code? :ESlint 是es6的代码风格检查器 为防止多人开放代码风格不一致 选择yesPick an ESLint preset :ESlint的一个模版 一般用默认的即可Setup unit tests with Karma + Mocha? :前端测试的一个库 根据情况选择Y/N 基于界面的项目选择NOSetup e2e tests with Nightwatch? 选择NO这样一个项目的初始化就完成啦
安装完成之后会有提示命令告知怎么应用
cd takeout : 打开项目
npm install : 安装依赖
npm run dev : 运行项目
提示:mac系统下安装依赖需要执行sudo npm install
安装完以来使用npm run dev即可运行以创建好的项目了




