开发常用工具

这些都是开发过程中用到的 都是根据自己的理解认知写出来的 如果有说错的地方 希望大家能指出来

软件

1. 代码编译器

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

3. 代码管理

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

4. 官方文档及框架

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

uni-app 是多端开发框架

1. 可以打包成 H5/小程序/App
2. 文档跟微信官方文档很像(能在微信小程序文档里面找到的方法这里基本都能找到) 文档详细
3. 语法跟vue类似
4. 在HbuilderX上开发小程序那样 有微信开发者工具控制台可以看到 结构/打印/请求/页面数据 这些

• jQuery
• APICloud 这个里面有单独的编译器: studio2/3

这个是一个跟

1. uni-app 类似的多端开发框架 能打包成 App/小程序
2. 社区比较活跃 好像有专门解决问题的人 当然你要是知道也能回答 文档详细
3. 缺点 : 在开发过程中 没有辅助工具能看到 结构/请求/页面数据 / console.log 复杂数据还得转JSON才能看到

5. 测试接口工具

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

6.代码比较工具

Beyond Compare

这个可以标注标注出两个/三个文件有差异的地方

环境

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

谷歌浏览器插件

• Vue.js devtools (控制台查看Vuex数据)
• React Developer Tools (控制台查看 React数据)
• WEB前端助手(FeHelper) (里面有正则/页面代码美化)
• uBlock Origin 百度搜索的时候可以去除广告 看视频时也可以去除广告时间
  
  
  网上库 : https://chrome.pictureknow.com/

这个是在偶然看到的链接 虽然需要微信公众号扫码才能下载 但是不用翻墙就能下载到插件(有的插件可能没有)