#ionic

ionic Going

似流程,不是流程 下载问题可看上一篇文章 ionic 是一套使用 javascript html css 技术构建 手机原生应用的 框架 从这里就可以看出,困难的地方就是,如何转换,原生应用,这点上 ionic 帮我们做了, 不仅如此,还做了分享平台,测试应用的快速教程和应用,不可谓不大大的良心 命令行下载 npm install -g cordova ionic cordova 是 为了 神不知鬼不觉 的 构建原生应用 后续 主要网站 官网:http://ionicframework.com/ 分享部署平台和主要代码管理和测试:https://dashboard.ionicjs.com/ 网上编辑器可拖拉搞定:https://creator.ionic.io/app/dashboard 手机应用—— ionic view 与分享平台结合 官方文档真的很棒,不过要翻墙,上面大部分 使用 Angular 与 sass 和 TypeScript 作为 编写条件 不过可以试试第一个官方应用 ionic start myApp tabs 服务器 ionic serve 链接平台,要有账号,在这一步通过与本身项目链接 自动 git remote add ionic [你的项目.git] 这个过程还会配合ssh ionic link [可选项 项目唯一id] 部署功能与Ionic Pro Git工作流配合使用,可在生产(或测试)应用程序中部署新的代码更新。 ...

#npm #node命令行

node 命令行应用 与 npm 包发布

先讲讲 Npm NPM NPM是随NodeJS一起安装的包管理工具, 能解决NodeJS代码部署上的很多问题, 以下是常见的使用场景: 让用户从NPM服务器下载别人编写的命令程序到本地使用 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用 安装 新版的nodejs已经竟成了NPM,所以NPM也一并安装上了.检查是否成功安装NPM,可以在终端输入以下命令来测试是否安装成功 npm -v 更新NPM版本的命令: sudo npm install npm -g 使用 npm安装nodejs模块语法格式: npm install 全局安装与本地安装 npm的包安装分为本地安装 (local) 和 全局安装 (global) 两种 npm install express //本地安装 npm install express -g //全局安装 两者的区别 本地安装: 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。 可以通过 require() 来引入本地安装的包。 全局安装: 将安装包放在 /usr/local 下。 可以直接在命令行里使用。 不能通过 require() 来引入本地安装的包。 可以用以下命令来查看所有全局安装的模块: npm ls -g Package. ...

highlight-css样式列表

代码高亮 正如 hexo 就是使用 highlight.js 的插件 通过CDN可以快速获取 highlight.js 的源码 但是 没有 css文件也是白瞎 噢,好险,highlight.js官方上 多种风格与语言列表预览 当你,查看网站资源获取时,它是一下子收多个css文件,所以有点慢加载 想用哪个用哪个 没人想全要吧~|! 比如: CSsdarcula风格网站文件 <link rel="stylesheet" href="https://highlightjs.org/static/demo/styles/dracula.css"> 源码样式文件——github 下面有个 codepen 的例子 See the Pen highlight_无本地例子 by braveyo (@china-boy) on CodePen.

#vscode

vscode 扩展Api实践

前提 您需要安装Node.js并且可以使用$PATH。Node.js安装包括npm,Node.js软件包管理器,它将用于安装扩展生成器。 安装发电机 npm install -g yo generator-code 运行 要启动生成器,请在命令提示符下键入以下命令: yo code 更多详情 创建扩展的文件夹 扩展API流程 的介绍 扩展清单: package.json contributes "contributes": { "commands": [{ "command": "extension.sayHello", "title": "Hello World" }] } 调用命令的标签为命令调色板(⇧⌘P)提供一个条目 输入”Hello world”调用命令”extension.sayHello” activationEvents 启动事件—通过命令也就是 contributes 中 "Hello World" "activationEvents": [ "onCommand:extension.sayHello" ] 启动事件—当语言为markdown "activationEvents": [ "onLanguage:markdown" ] 示例 extension.ts 你好世界 import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { // //需要主函数 activate() 导出。 // //当 activationEvents 启动时,主函数 activate() 仅运行一次。 console. ...