zwq-plugin

版本变更日志查看 CHANGELOG.md

测试标题

Features

• 1.0.69 增加流程图和测试用例
• 1.0.68 面试题：数组扁平化
• 1.0.67 d3js示例及文档
• 1.0.66 部署静态资源
• 1.0.65 gitlab的api和isomorphic-git插件使用
• 1.0.64 前端依赖图
• 1.0.63 更新资料
• 1.0.62 更新js基础知识：防抖节流
• 1.0.61 docs文档更新： 技术发展与现状
• 1.0.60 增加filling-backend项目
• 1.0.59 更新js基础知识：单链表
• 1.0.58 更新js基础知识：new关键词 和 instanceof关键词 原理
• 1.0.57 更新js基础知识：forof和可迭代接口
• 1.0.56 promise手动实现及面试题
• 1.0.55 更新js基础知识：带标签的模板字符串
• 1.0.54 更新js基础知识：proxy
• 1.0.52 更新css和js基础知识和一些npm插件
• 1.0.51 lerna初步使用
• 1.0.50 完善eggjs-realworld的前台和后台项目
• 1.0.49 优化eggjs-realworld项目的register接口并完成部分前台模板接口联调
• 1.0.48 完成eggjs-realworld项目的接口并初始化realworld前台模板
• 1.0.47 更新eggjs-realworld项目的接口
• 1.0.46 更新eggjs-realworld项目
• 1.0.45 function星号 yield
• 1.0.44 增加redux-mobx-immutable-cart项目
• 1.0.43 增加gridesome-starbootstrapi项目
• 1.0.42 增加eggjs-realworld项目
• 1.0.41 完成realworld-graphql项目
• 1.0.40 更新realworld-graphql项目
• 1.0.39 增加realworld-graphql项目
• 1.0.38 增加angulartodolist项目
• 1.0.37 增加简书登录页项目
• 1.0.36 shadow dom用法
• 1.0.35 window.customElements用法
• 1.0.34 git常见问题和需求
• 1.0.33 css新世界所学内容
• 1.0.32 navigator.clipboard复制文本
• 1.0.31 为postmessage属性添加注释
• 1.0.30 测试postmessage属性
• 1.0.29 vscode扩展： git插件实现文件对比
• 1.0.28 根据元素类型，js创建对应dom元素（包括事件 属性 样式等）
• 1.0.27 添加爬虫工具
• 1.0.26 css属性：overflow-scrolling（安装安装对应safari版本来验证）
• 1.0.25 行业声明式 UI 调研
• 1.0.24 vscode扩展: 添加注释
• 1.0.23 vscode扩展
• 1.0.22 npm分包
• 1.0.21 查看插件的版本号
• 1.0.20 判断最小nodejs版本
• 1.0.19 修复上一个版本命令行参数
• 1.0.18 获取命令行传递的参数
• 1.0.17 版本变更日志不再放在README.md 而是放在 CHANGELOG.md文件中
• 根路径配置文件过多，放在同一个目录统一管理
• 使用webpack
• 端口查找器portfinder
• 基本文件操作
• 默认和按需导出
• 控制台输出不同颜色的文字
• 添加node可执行脚本
• npm 操作
• 按需要配置package.json
• 显示README.md文档
• 导出变量、版本发布
• 测试软件发布

1.0.69 增加流程图和测试用例

见/docs/流程图和测试用例/

1.0.68 面试题：数组扁平化

见/interview/backend/字节:实现两种数组扁平化.js

1.0.67 d3js示例及文档

见/extension/js/d3js示例及文档/

1.0.66 部署静态资源

见/linux/docs/部署静态资源.md

1.0.65 gitlab的api和isomorphic-git插件使用

见/extension/js/gitlab的api和isomorphic-git插件使用/

1.0.64 前端依赖图

见/extension/js/前端依赖图/

1.0.63 更新资料

见/docs/资料/

1.0.62 更新js基础知识：防抖节流

见/extension/js/

1.0.61 docs文档更新： 技术发展与现状

见/docs/ 见/python/docs/

1.0.60 增加filling-backend项目

见/demo/filing-backend/

1.0.59 更新js基础知识：单链表

见/extension/js/

1.0.58 更新js基础知识：new关键词 和 instanceof关键词 原理

见/extension/js/

1.0.57 更新js基础知识：forof和可迭代接口

见/extension/js/

1.0.56 promise手动实现及面试题

见/extension/js/

1.0.54 更新js基础知识：带标签的模板字符串

见/extension/js/

1.10.54 1.0.54 更新js基础知识：proxy

见/extension/js/

1.0.53 更新nodejs、h5、css和js基础知识和一些npm插件 db git

见/extension/nodejs/ /extension/h5/ /extension/js/和/extension/css/，及/extension/npm/ /extension/db/ /extension/git/

1.0.51 lerna初步使用

见/docs/lerna.md

1.0.50 完善eggjs-realworld的前台和后台项目

见/demo/eggjs-realworld/

1.0.49 优化eggjs-realworld项目的register接口并完成部分前台模板接口联调

见/demo/eggjs-realworld/

1.0.48 完成eggjs-realworld项目的接口并初始化realworld前台模板

见/demo/eggjs-realworld/

1.0.47 更新eggjs-realworld项目的接口

见/demo/eggjs-realworld/

1.0.46 更新eggjs-realworld项目

见/demo/eggjs-realworld/

1.0.45 function星号 yield

见/extension/js/function星号 yield

1.0.44 增加redux-mobx-immutable-cart项目

见/demo/redux-mobx-immutable-cart/

1.0.43 增加gridesome-starbootstrapi项目

见/demo/gridesome-starbootstrapi/

1.0.42 增加eggjs-realworld项目

见/demo/eggjs-realworld/

1.0.41 完成realworld-graphql项目

见/demo/realworld-graphql/

1.0.40 更新realworld-graphql项目

见/demo/realworld-graphql/

1.0.39 增加realworld-graphql项目

见/demo/realworld-graphql/

1.0.38 增加angulartodolist项目

见/demo/todolist-angular/

1.0.37 增加简书登录页项目

见/demo/jianshu/

1.0.36 shadow dom用法

见/extension/js/shadow-dom

1.0.35 window.customElements用法

见/extension/js/window.customElements

1.0.34 git常见问题和需求

见/extension/git/*

1.0.33 css新世界所学内容

见/extension/css/*

1.0.32 navigator.clipboard复制文本

见/extension/js/navigator.clipboard

1.0.30 测试postmessage属性

见/extension/js/postmessage

1.0.29 vscode扩展： git插件实现文件对比

1. vscode活动栏添加图标（Vscode模块）
1.5. 配置vs code的tree view
2. git插件获取暂存区的文件（git模块）
3. 点击vscode的treeview显示详细信息
4. 开发Vscode 插件怎么创建临时编辑器并显示读取的文件内容 可修改保存

1.0.28 根据元素类型，js创建对应dom元素（包括事件 属性 样式等）

见/extension\js\dom-events\index.html

1.0.27 添加爬虫工具

见/toolkit/crawler/目录，执行里面的index.js既可

1.0.26 css属性：overflow-scrolling（安装安装对应safari版本来验证）

zwq-plugin\extension\css\overflow-scrolling

1.0.25 行业声明式 UI 调研

见文件/docs/行业声明式UI调研.md

1.0.24 vscode扩展: 添加注释

开发插件参考官方文档： https://code.visualstudio.com/docs

1.0.23 vscode扩展

// 项目已经创建，建议重新用vscode打开/zwq-plugin/extension/zwq-plugin目录来开发
1）npm install -g yo generator-code
2）yo code
3）在编辑器中，按F5。这将在新的扩展开发主机窗口中编译并运行扩展。
4）在新窗口中从命令面板 ( Ctrl+Shift+P )运行Hello World命令：

1.0.22 npm分包

1. 在 my-package 目录下创建子包目录，例如 my-package-module1、my-package-module2 等等 package.json 中的 name 应该改为 my-package-module1，main 指定为 index.js
2. 在根目录下的 package.json 文件中，将原来在 dependencies 中列出的模块移动到 peerDependencies 中 "peerDependencies": { "my-package-module1": "^1.0.0", "my-package-module2": "^1.0.0", "lodash": "^4.17.21" }
3. 在子包目录中运行 npm publish 命令，将子包上传到 npm 仓库中。
4. 在根目录中运行 npm install 命令，自动安装子包依赖。
5. 在应用程序中加载子包模块 const module1 = require('my-package-module1');

1.0.21 查看插件的版本号

通过commander这个插件来实现的

判断最小nodejs版本

通过semver插件实现的

1.0.18 获取命令行传递的参数

通过yargs插件实现的

版本变更日志不再放在README.md 而是放在 CHANGELOG.md文件中

也可以结合使用commitlint+husky+changelog

根路径配置文件过多，放在同一个目录统一管理

这里以webapck为例，在webpack.config.js中导入webpack目录内容

使用webpack

在当前项目目录执行npm run webpack

端口查找器portfinder

见官网

基本文件操作

判断文件是否存在： fs.statSync('package.json').isFile()
判断目录是否存在： fs.statSync('../zwq-plugin').isDirectory()
检测目录或文件是否存在： fs.existsSync('babel.config.js')
得到文件的绝对路径： path.resolve(__dirname,'dist')
从文件系统中同步删除文件或符号链接： fs.unlinkSync('test.js')
删除目录: fs.rmdir('dist', () =>{})

默认和按需导出

export { launchServer }
export default { launchServer }

控制台输出不同颜色的文字

通过chalk插件可以设置文字颜色，然后console.可输出到控制台

添加node可执行脚本

package.json配置
"bin": {
"hap": "bin/index.js"
},
js脚本第一行写上#!/usr/bin/env node就可以直接被执行了

npm 操作

npm adduser 添加 npm账号，密码，邮箱(邮箱需要验证一下，用户名不能重复， 或者从官网注册) npm login(登录账号) 添加之后验证是否已经登陆 npm who am i npm publish(发布一个包)

按需配置package.json

通过分析第三方的包axios可以得到一些有用的配置. 详细的配置： 看官网链接

使用

NodeJs默认是使用commonJs规范去解析Js代码的. v16.4.0版本文档上显示,nodeJS完全支持ECMAScript Modules.

问题 This package does not have a README. Add a README to your package so that users know how to get started.

一定时间生效