插件安装方法,主要有三种选择:
1、图形界面。
在 Atom 的 Settings > Install 里搜索找到 atom-ternjs 并安装。
2、命令行。
apm install atom-ternjs
3、本地安装。
cd ~/.atom/packages
git clone https://github.com/tststs/atom-ternjs.git
cd atom-ternjs
npm install
由于网络原因,直接在atom上安装插件会异常的慢(基本无法安装成功),因此采用离线安装的方式。将Atom插件解压到 %USERPROFILE%\.atom\packages\,进入刚解压的文件夹,执行npm install安装,重启atom。
用于 Javascript 和 Node.js 的自动补全
Atom 上的 Javascript 自动补全主要依赖 atom-ternjs 插件,貌似没有什么其它更好的选择。(配合 autocomplete-plus 插件使用,Atom 默认已经安装。)
配置项目
atom-ternjs 插件对项目配置做了可视化,可以通过菜单来操作。
File > Open 打开 Node.js 项目文件夹。
Package > Atom Ternjs > Configure project
Save & Restart server 之后会在项目根目录生成 .tern-project 文件,该配置文件里常用字段:
字段名 含义
ecmaVersion 选择 ECMAScript 版本
libs browser 表示原生 js 补全,jquery 代表 jQuery 补全
loadEagerly 指定加载解析的 js 文件
dontLoad 排除加载的文件
plugins ternjs 使用的插件,配置的扩展补全的库等
目前插件的配置页面暂不支持 plugins 部分配置,需要手动配置。
比如一份最简单的 .tern-project 文件的示例:
{ "ecmaVersion": 6, "libs": [], "loadEagerly": [ "*/.js" ], "plugins": { "node": {}, "node-express": {} } }
它代表使用 ECMAScript 6,递归加载项目文件夹下所有的 js 文件(包括 node_modules),使用 ternjs 的 node 插件用于 Node.js 核心库补全,node-express 插件用于 express 补全。
这部分推荐详细阅读一下 atom-ternjs 的 README,会更清楚怎么回事。
创建/修改 .tern-project 文件后,执行 Packages > Atom Ternjs > Restart server。
进行完这一步以后,顺利的话你应该已经能愉快地看到原生 js 和 Node.js 的自动补全了;不顺利的话,看看下面的 Q & A 一节,有我遇到的问题的记录。
验证:
var D = new Date()
D.
会出现 getDate() getDay() 等提示
用于一键运行程序,安装 script 插件,然后有两种方法可以一键运行/结束程序了:
Packages > Script > Run Script/Stop Script。
快捷键
Mac Windows
运行 cmd+i ctrl+shift+b
结束 ctrl+c ctrl+q
ctrl-shift-m #Toggle Preview,激活markdown-preview-plus
ctrl-shift-x #Toggle Math Rendering,数学公式渲染开启