搭环境

搭环境

    • 软件
      • 1. 代码编译器
      • 2. 环境
      • 3. 代码管理
      • 4. 官方文档及框架
      • 5. 测试接口工具
      • 6. 谷歌浏览器插件

软件

1. 代码编译器

  • VSClde
    • 常用插件
    1. HTML Snippets (HTML标签提示工具)
    2. JavaScript(ES6) code snippets (ES6语法智能提示)
    3. jQuery Code Snippets (jq代码智能提示)
    4. Vetur (Vue的代码片段、格式化。。。)
    5. React/Redux/react-router Snippets (React语法提示)
    6. open in browser *(在浏览器中打开)
    7. Path Intellisense (自动提示路径)
    8. Beautify 代码格式化工具
    9. Chinese (Simplified) Language Pack for Visual Studio Code (简体中文汉化包)
    10. Auto Close Tag (自动闭合标签)
    11. Auto Rename Tag (自动完成另一侧标签的同步修改)
    12. Bracket Pair Colorizer (括号颜色)
    13. Class autocomplete for HTML (智能提示HTML的class类名)
    14. IntelliSense for CSS class names (智能提示Css的class类名)
    15. Npm Intellisense (npm 时的包提示)
  • HBuilder X
  • 微信开发者工具

2. 环境

  • node : https://nodejs.org/zh-cn/download/

3. 代码管理

  • Git : https://git-scm.com/downloads/ – 安装教程

4. 官方文档及框架

  • Vue
    • element-UI
    • Vant
    • axios
  • 小程序
    • 小程序文档
    • uni-app
  • jQuery

5. 测试接口工具

  • 谷歌浏览器插件 - 插件Postman – 教程
  • Postman

6. 谷歌浏览器插件

网上库 : https://chrome.pictureknow.com/

  • Vue.js devtools (控制台查看Vuex数据)
  • React Developer Tools (控制台查看 React数据)
  • Redux DevTools
  • WEB前端助手(FeHelper) (里面有正则/页面代码美化)

你可能感兴趣的:(前端)