对vscode一无所知的前提下开发了聊天室插件 https://github.com/ferried/hacpai-cr 1.明确需求 首先，明确了自己的需求和开发步骤 1.必须登录得到token设置到cookie里 2.通过查看浏览器得到了wss的链接，并通过D大获取了必要的ws头信息 3.得出了需要让用户输入用户名密码，基于nodejs发送请求到hacpai换取token 4.换取token存储到vscode中等待wss连接时使用 5.wss设置头User-Agent等等等 6.wss返回信息类型划分为online为获取当前在线用户msg为用户输入的信息 所以我需要 1.一个输入框(用户名密码发消息等) 2.一个消息列表(用来显示消息） 3.一个在线用户列表 通过官方的GettingStart一步步走下去了解到 1.输入框为vscode.window.InputBox 2.vscode原生列表(文件列表)为树格式需要自己写provider提供data 最后找到一个官方项目集合示例 https://github.com/Microsoft/vscode-extension-sampl.... vscode 插件开发经历 Javascript
前言 相对于官方demo,给出自己的理解, 秉承我一贯的作风，没有废话，直接讲代码，看注释，自己体会 React 基础 Cli npm install create-react-app 创建项目 create-react-app demo HelloWorld // HelloWorld组件 // 返回一个标签 class HelloWorld extends Component { render() { return ( <div> <h1> Hello World</h1> </div> ); } } // 使用HelloWorld组件 class App extends Component { render() { return <HelloWorld> </HelloWorld>; } } JSX 表达式 // 重写HelloWorld组件 class HelloWorld extends Component { // 一个函数，接受user返回字符串 formatName(user) { retur....... React Javascript
入门 代码打包编译工具 安装 # 安装 brew install gradle # 查看路径 brew info gradle gradle: stable 4.10.2 Open-source build automation tool based on the Groovy and Kotlin DSL https://www.gradle.org/ /usr/local/Cellar/gradle/4.10.2 (203 files, 83.7MB) * Built from source on 2018-09-30 at 21:09:13 From: https://github.com/Homebrew/homebrew-core/blob/master/Formula/gradle.rb ==> Requirements Required: java >= 1.7 ✔ ==> Options --with-all Installs Javadoc, examples, and source in addition to the binaries ==&am.... Gradle Gradle
KOA 是什么 后端框架(以nodejs作为运行时环境的js框架),处理http请求并响应的框架,注意,学完KOA,一定要放弃Express 学koa之前 要掌握es7知识,会查nodejs的api,了解http是什么 入门 创建项目 mkdir stukoa cd stukoa # 初始化node项目 yarn init # 加入koa依赖 yarn add koa2 Hello world # 新建一个js文件 touch app.js 写入代码 const Koa = require('Koa') const app = new Koa() app.use(async(ctx)=>{ ctx.body = 'hello koa2' }) app.listen(8080) console.log('the server is running on 8080') 启动服务 node app.js 服务启动后查看 hello world页面 ctx const Koa = require('Koa') const app = new Koa() app.use(async.... Koa Javascript
入门 官方文档 高阶 修仙之路 构建第三方包 angular-cli 的 ng g lib 不太好用,所以还是用ng-packgr 建立父项目 ng new project --style less --prefix pre 调整项目结构 cd project # 建立第三方包文件夹 mkdir -p projects/mylib # 在父项目中生成模块 ng g module mylib # 将mylib.module.ts移动到 project/mylib下 mv mylib.module.ts ./projects/mylib # 在project/mylib下生成component/service # 注意，component要export出来 cd project/mylib ng g c mycomponent ng g s myservice # 至此基本项目结构完成 模块依赖 当你编写第三方依赖包的时候,你的service/component或许需要一些数据来驱动，往往这些数据/对象是使用者提供的 # 建立model文件夹 mkdir -p project/my...... Angular6 Angular
争渡