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
网友评论