自己玩的一整套前端开发环境。
-
安装node稳定版本(4.x)
-
安装npm 3.x
-
安装依赖
npm install
- 设置registry使用淘宝的源,这样比npm官方的快很多:
npm config set registry http://registry.npm.taobao.org/
开发方式实时编译:
npm run dev
启用监听模式,可以在文件变化后,再次编译。
打包压缩:
npm run build
npm start
打开浏览器,访问 http://localhost:3000
本项目采用了Airbnb的javascript书写规范,并结合实际情况,稍作修改。
代码检查:
npm run eslint
引入autoprefixer
工具,将css/less编译成兼容主流浏览器写法。
例如:
display: flex;
将编译为:
display: -webkit-box;
display: -ms-flexbox;
display: flex;
所以你开发的时候,基本不用考虑样式在各个主流浏览器下的兼容问题。