前端常用网址
1.vscode常用插件
chinese(汉化) material theme(主题) prettier(美化代码,设置Format On Save勾选) Git History Diff(对比版本差异) Git History(记录提交代码的人) Easy Sass(移动端适配,自动生成scss文件) Live Server(调试H5页面,自动更新) power Mode(键盘特效)
2.vetur格式化配置
{ "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length": 240, "wrap_attributes": "auto", "end_with_newline": false }, "prettyhtml": { "printWidth": 100, "singleQuote": false, "wrapAttributes": false, "sortAttributes": false } }, }
3.npm常用指令
打包 git add . git commit -m "20220622_02" git status git push git log 获得版本号 git merge origin/songhe 合并代码 git pull origin master 拉取其他分支 设置官方镜像 npm config set registry https://registry.yarnpkg.com yarn config set registry https://registry.yarnpkg.com 设置淘宝镜像 npm config set registry https://registry.npmmirror.com yarn config set registry https://registry.npmmirror.com 查看当前镜像 npm config get registry yarn config get registry 查询 http://gpt.ganfupai.com FZWt3t-ovEN69-qIOiZa-rK0Dlc npm切换版本 npm install npm@7.21.1 -g 安装秘钥 https://www.cnblogs.com/yjlch1016/p/9692840.html 全局卸载 webpack npm uninstall webpack -g 安装2.9版本的webpack cnpm install webpack-dev-server@2.9.7
4.常用网址
pc端 vue2官方框架 https://panjiachen.gitee.io/vue-element-admin-site/zh/ vue3官方框架 https://huzhushan.gitee.io/vue3-element-admin/ vue组件 https://element.eleme.cn/#/zh-CN/guide/design https://tdesign.tencent.com/vue/getting-started react组件 https://ant.design/docs/react/use-with-create-react-app-cn https://fusion.design/pc/?themeid=2 图表 https://echarts.apache.org/examples/zh/index.html http://chartlib.datains.cn/echarts x-mind https://github.com/hizzgdev/jsmind 富文本 http://tinymce.ax-z.cn/plugins/table.php 模板 http://www.5imoban.net/ 小程序 微信官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ uniapp官方文档 https://uniapp.dcloud.net.cn/component/view.html dcloud插件市场 https://ext.dcloud.net.cn/ 常用插件:阿里云号码认证SDK、极光推送插件-支持最新厂商推送 阿里云号码认证 https://help.aliyun.com/document_detail/2249334.html uview组件 https://www.uviewui.com/ uchart组件 https://www.ucharts.cn/v2/#/demo/index 环信引入 http://docs-im-beta.easemob.com/document/applet/uniapp.html 环信的聊天所使用的api https://docs-im-beta.easemob.com/jsdoc/index.html 直播功能接入 https://cloud.tencent.com/document/product/647/16863 (接入为4x版本) uniapp打包 微信公众平台 https://mp.weixin.qq.com/ 香蕉云编 https://www.yunedit.com/login 蒲公英 https://www.pgyer.com/ 其他 压缩图片 https://tinypng.com/ 手机屏幕尺寸大全 https://www.strerr.com/screen.html 前端取色工具 https://www.snipaste.com/download.html GPT https://github.com/Chanzhaoyu/chatgpt-web
5.开发基础
node、npm 安装过程中勾选 安装 git bash 确保node版本为12.13.x node -v vscode git扩展:gitlens,用于git分支/版本管理 代码格式化:prettier vue支持:vetur 路径提示:path intellisense 多层级括号着色:bracket pair colorizer 模板语法着色:smarty 注释着色:better comments
6.小程序
导入路径:C:\study\gongjiangshijia-family\unpackage\dist\dev\mp-weixin 分包: "subPackages": [ { "root": "componentsB", "pages": [ { "path" : "my/baishi/baishi", "style" : { "navigationBarTitleText" : "拜师学艺", "enablePullDownRefresh" : true, "onReachBottomDistance" : 50, "app-plus" : { "bounce" : "vertical" } } } ] } ],