编程和电脑使用技巧分享

Appearance

前端常用工具 ​

方跃明 2021-12-22

工欲善其事，必先利其器。

Development ​

开发辅助工具。

工具说明
Vite server.proxy前端开发环境跨域CORS问题终极神器
http-server交付部署前自测一下可以增进感情
JSON SeverRESTful风格API模拟工具
nvm-windowsNode.js版本管理工具
WSL近乎真实环境体验的Linux

VSCode ​

Visual Studio Code 插件。

插件说明
Iosevka编程字体
Todo Tree好记性不如烂笔头
EditorConfig你知道吗？CRLF也是漏洞
ESLint不以规矩，不成方圆
Prettier前端美妆包
DotENV.env语法高亮
VolarVue.js开发辅助神器
Git Graphgit辅助神器
REST Client后端API接口自测工具

EDGE ​

Microsoft EDGE 浏览器插件。

插件说明
Vue.js devtoolsVue.js开发工具
JSON FormatterJSON格式化工具
Allow CORS跨域CORS临时解决工具
BoomerangRESTful风格API请求工具
Wappalyzer他山之石可以攻玉

Chrome ​

Google Chrome 浏览器插件。

科学上网

Google Chrome 应用商店和账号同步需要科学上网。对于Google轻度依赖者更推荐使用 Microsoft EDGE。

插件说明
Chrome版Vue.js devtoolsVue.js开发工具
JSON ViewerJSON格式化工具
Chrome版Allow CORS跨域CORS临时解决工具
Yet Another REST ClientRESTful风格API请求工具
Chrome版Wappalyzer他山之石可以攻玉

基础 ​

技术栈说明链接
KoaNode.js后端框架https://koajs.com
Egg.jsNode.js后端框架https://eggjs.org/zh-cn/index.html
ReactJavaScript前端库https://zh-hans.reactjs.org
Nex.jsReact通用应用框架https://nextjs.org
Vue.js渐进式JavaScript框架https://cn.vuejs.org
Nuxt.jsVue.js通用应用框架https://zh.nuxtjs.org
DockerLinux容器https://www.docker.com

混合应用 ​

名称说明链接
uniappVue H5、App、小程序https://uniapp.dcloud.io
ionicH5、Apphttps://ionicframework.com
TaroReact H5、App、小程序https://taro.aotu.io
WEEXVue H5、Apphttps://weex.apache.org/cn

前端 ​

名称说明链接
http-serverHTTP服务器https://github.com/http-party/http-server
JSON ServerJSON数据库https://github.com/typicode/json-server
HuskyGit Hookshttps://github.com/typicode/husky
jsonplaceholder在线模拟数据https://jsonplaceholder.typicode.com
placeholder在线模拟图片https://placeholder.com
VuePress文档编制https://vuepress.vuejs.org/zh
Electron桌面应用https://electronjs.org
Ant Design Pro后台管理https://github.com/ant-design/ant-design-pro
AntV高级图表https://antv.vision/zh
Chart.js简单图表https://www.chartjs.org
Socket.ioWeb Sockethttps://socket.io
Geolib地理坐标https://github.com/manuelbieh/geolib
AreaCity行政区域https://github.com/xiangyuecn/AreaCity-JsSpider-StatsGov
TOAST UI Editor所见即所得编辑器https://github.com/nhn/tui.editor
Hotkeys热键https://github.com/jaywcjlove/hotkeys
clipboard.js剪贴板https://github.com/zenorocha/clipboard.js
Cropper.js图片剪裁https://github.com/fengyuanchen/cropperjs
vue-cropperVue图片剪裁https://github.com/xyxiao001/vue-cropper
Vue.DraggableVue拖拽https://github.com/SortableJS/Vue.Draggable

后端 ​

名称说明链接
foreverNode.js服务https://github.com/foreversd/forever
semver版本管理https://semver.org
nodemon开发热更新https://github.com/remy/nodemon
globby文件加载https://github.com/sindresorhus/globby
node-cron定时任务https://github.com/kelektiv/node-cron
MinIO对象存储https://github.com/minio/minio
Nodemailer邮件发送https://nodemailer.com
SequelizeORMhttps://github.com/sequelize/sequelize
oauth2-server授权https://github.com/oauthjs/node-oauth2-server
node-casbin访问控制https://github.com/casbin/node-casbin
node-cache-manager缓存https://github.com/BryanDonovan/node-cache-manager
log4js日志https://github.com/log4js-node/log4js-node

运维 ​

名称说明链接
IGG谷歌学术助手https://iguge.app
ghelper谷歌上网助手https://googlehelper.net
Iosevka编程字体https://github.com/be5invis/Iosevka
frp内网穿透https://github.com/fatedier/frp
WebVirtCloudQEMU/KVM虚拟机https://github.com/retspen/webvirtcloud
Matomo访问统计分析https://github.com/matomo-org/matomo
NodeSourceNode.js安装https://github.com/nodesource/distributions
ScreenToGif屏幕捕获https://www.screentogif.com
NSSMWindows服务https://nssm.cc
pm2后台运行Node.jshttps://pm2.keymetrics.io
forever后台运行Node.jshttps://github.com/foreverjs/forever

持续整理中……

Node.js