VUE 开发环境搭建

1 Webstorm

1.1 安装

http://www.jetbrains.com/webstorm/ 官网下载最新版本
安装完毕后启动，在引导过程中输入 http://idea.iteblog.com/key.php 通过验证

1.2 格式设置

保证所有人使用格式化时能够保证统一
File -> Default Setting
Editor -> Code Style -> JavaScript

image.png

image.png

2 前端公共环境

2.1 nodejs 安装

官网 下载 https://nodejs.org/en/ 版本要求大于 v6.3.1

2.2 npm 镜像切换

npm i -g nrm
nrm ls
nrm use taobao

3 前端工程环境

3.1 下载组件库

在组件没有发布前需要通过此步骤手动build，如果已经发布，那么跳过此步骤
https://github.com/KagouFE/iview.git

npm i
npm run dist    // build
npm link          // 本机全局共享

3.2 从git下载源码

从coding下载，后用Webstorm打开。在Webstorm的Terminal下执行命令

3.3 安装依赖库

npm i     // 有错的情况下多次执行至没有错误
npm i kagou    // 针对组件已经发布的情况
npm link kagou   // 针对组件需要手动build的情况

3.4 启动服务

npm start