前端常用网址

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"
                        }
                    }
                }
			]
		}
	],