开发文档

名称 地址
MDN https://developer.mozilla.org/zh-CN/
Runoob https://www.runoob.com/
CSS https://www.apiref.com/css-zh/index.htm
ES6 http://es6.ruanyifeng.com/
Vue https://cn.vuejs.org/
Vuex https://vuex.vuejs.org/zh/
VueRouter https://router.vuejs.org/zh/
Vue-cli https://cli.vuejs.org/zh/config/
Vue-i18n http://kazupon.github.io/vue-i18n/zh/introduction.html
Nuxt https://zh.nuxtjs.org/guide
React https://zh-hans.reactjs.org/docs/getting-started.html
React Native https://reactnative.cn/docs/getting-started
TypeScript https://www.tslang.cn/index.html
Sass https://www.sass.hk/
Element-UI https://element.eleme.cn/#/zh-CN/component/installation
Layui https://www.layui.com/
Echarts https://www.echartsjs.com/examples/zh/index.html
Vant-UI https://youzan.github.io/vant/#/zh-CN/
V-Charts https://v-charts.js.org/#/
Iconfont https://www.iconfont.cn/
Font Awesome https://fontawesome.dashgame.com/
Moment http://momentjs.cn/
Axios http://www.axios-js.com/zh-cn/docs/
Animate https://github.com/daneden/animate.css
Swiper https://www.swiper.com.cn/
Lodash https://www.lodashjs.com/
Webpack https://www.webpackjs.com/concepts/
Jquery http://jquery.cuishifeng.cn/index.html
Zepto https://www.html.cn/doc/zeptojs_api/
Bootstrap3 https://v3.bootcss.com/
Bootstrap4 https://v4.bootcss.com/
FullPage https://alvarotrigo.com/fullPage/zh/
NProgress http://ricostacruz.com/nprogress/
Mock http://mockjs.com/examples.html
Koa https://koa.bootcss.com/
Express https://www.expressjs.com.cn/
Egg https://eggjs.org/zh-cn/
Mongoose http://www.mongoosejs.net/
mongoose-paginate https://github.com/edwardhotchkiss/mongoose-paginate
mongoose-paginate-v2 https://github.com/aravindnc/mongoose-paginate-v2
mongoose-auto-increment https://www.npmjs.com/package/mongoose-auto-increment
mongoose-auto-increment-reworked https://github.com/Alorel/mongoose-auto-increment-reworked
微信小程序 https://developers.weixin.qq.com/miniprogram/dev/framework/
Uni-app https://uniapp.dcloud.io/README
Hbuilder下载 https://www.dcloud.io/hbuilderx.html
Flutter下载 https://flutterchina.club/get-started/install/
Node 下载 http://nodejs.cn/download/
Node API http://nodejs.cn/api/
Mongodb下载 https://docs.mongodb.com/manual/installation/
Mysql下载 https://dev.mysql.com/downloads/mysql/
MySQL https://github.com/mysqljs/mysql

VS-CODE

1. 字体风格

// 专用字体,也就是 WebStorm 的字体
JetBrains Mono

// 配置
{
  // 后边的引号中写上要设置的字体类型,个人比较喜欢JetBrains Mono
  "editor.fontFamily": "JetBrains Mono",

  // 这个控制是否启用字体连字,true启用,false不启用,这里选择启用
  "editor.fontLigatures": false,

  // 设置字体大小,这个不多说都明白
  "editor.fontSize": 14,

  // 主题
  "workbench.colorTheme": "Monokai Pro (Filter Machine)",

  // 资源条
  "workbench.activityBar.visible": true,

  // Icon 主题
  "workbench.iconTheme": "material-icon-theme",

  // 控制在资源管理器内拖放移动文件或文件夹时是否进行确认
  "explorer.confirmDragAndDrop": false,

  // 工作区缩放级别
  "window.zoomLevel": 0,

  // 右侧小地图是否显示
  "editor.minimap.enabled": false,

  //是否自动换行
  "editor.wordWrap": "bounded",

  // 在资源管理器拖拽文件是否进行用户提醒
  "workbench.statusBar.visible": true,

  // 不知
  "liveServer.settings.donotShowInfoMsg": true,

  // 编辑框是否显示 Tabs
  "workbench.editor.showTabs": true,

  // json、js、vue 文件使用 prettier 格式化
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

  // 每次保存的时候将代码按eslint格式进行修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

  // 每次保存的时候自动格式化,按照 prettier 规则
  // "editor.formatOnSave": true,

  // 是否使用分号
  "prettier.semi": false,

  // 是否使用单引号
  "prettier.singleQuote": true

  // "eslint.validate": ["javascript", "javascriptreact", "html", "vue"]
}

// 字体下载
https://www.jetbrains.com/lp/mono/
https://github.com/tonsky/FiraCode/releases

主题风格

Monokai Pro(Octagen) 主题
Material Icon Theme 文件图标

1. 常用插件

Bracket Pair Colorizer 代码块级线
image preview
es6 snippets
live server
css peek
color info
open in browser
path intellisense
vetur
vue 
Vue 2 Snippets
vue vscode snippets
vue peek
vuex peek
vue css peek
Eslint
Prettier - Code formatter

开发软件

  • vscode
  • webstorm
  • hbuilder X
  • Wechat development
  • postman
  • pdman
  • sourcetree
  • dash
  • navicat
  • android stuio
  • chrome/fire fox/safari
  • utools

Npm换源

# 安装 nrm
sudo npm i -g nrm

# 使用 nrm ls 查看可选源
nrm ls

# 切换
nrm use taobao

# 增加(逗号不需要)
nrm add registry `http://xxxxx`

# 删除
nrm del registry

# 测速
nrm test npm

Brew安装

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

数据库安装

mac 环境数据库安装不可避免操作 .bash_profile 设置全局 path

# 修改
vi ~/.bash_profile

# 配置
export PATH=/usr/local/mysql/bin:$PATH

# 类似数据库
export PATH=`path`/bin:$PATH

win环境,手动配置 path,自行脑补

数据库根目录配置文件 my.ini

[mysql]
# 设置mysql客户端默认字符集
default-character-set=utf8
[mysqld]
# 设置3306端口
port = 3306
# 设置mysql的安装目录
basedir= D:\ProjectTools\mysql-8.0.11-winx64
# 设置mysql数据库的数据的存放目录
datadir= D:\ProjectTools\mysql-8.0.11-winx64\data
# 允许最大连接数
max_connections=20
# 服务端使用的字符集默认为8比特编码的latin1字符集
character-set-server=utf8
# 创建新表时将使用的默认存储引擎
default-storage-engine=INNODB

管理员运行 cmd

# 安装 mysql 服务
mysqld install

# 初始化数据库,产生随机密码
mysqld --initialize --console 

# 启动服务
net start mysql 

# 登录,输入产生的随机密码
mysql -u root -p 

Mysql 8.0 以上需要修改配置,否则可能无法连接

# 登陆
mysql -u root -p

# 修改
ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root';
flush privileges;

Mongodb 参考

https://www.runoob.com/mongodb/mongodb-osx-install.html

Mongodb 创建文件夹

# 创建文件夹
mkdir ~/data

# 指定 Mongdb 数据库路径启动
sudo mongod --dbpath=/Users/`你mac用户名`/data

留言

暂无评论

我要发表看法