前端开发基本环境配置

摘要

WEB前端开发的环境选择与准备：运行环境、代码版本管理选择、构建环境、工程化自动化工具选择、前端框架选择、UI框架选择、css预编译工具、编辑器

1、运行环境

• node （通过nvm管理node的版本）
  • npm
  • yarn
• chrome

2、代码版本管理选择

• git：https://www.bootcss.com/p/git-guide/
• svn

3、工程化自动化工具选择

• webpack: https://doc.webpack-china.org/
• parcel
• gulp（自动化）

4、构建环境

• npm scripts:http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html
• babel:https://babeljs.cn/docs/usage/polyfill/ https://www.imooc.com/article/21866

5、前端框架选择

• vue
• react
• angular

6、UI框架选择

• Element / iView / AntDesign / Bootstrap

6、语言环境

• ES6：https://es6.ruanyifeng.com/
• TypeScript：https://www.tslang.cn/

7、css预编译工具

• sass：https://www.sass.hk/docs/
• less：https://less.bootcss.com/
• stylus

8、编辑器

• vscode
• atom :https://atom.io
• ESlint:http://eslint.cn/docs/user-guide/configuring