Atom 常用插件

插件

web开发

插件名 作用 备注
emmet HTML代码补全 emmet代码展开
autoprefixer css自动浏览器前缀适配
minimap 类似sublime右侧代码地图
minimap-linter 代码地图显示linter
minimap-pigments 代码地图显示颜色
highlight-selected 高亮选中单词
open-in-browser 用默认应用打开文件
color-picker 图形界面选取颜色
regex-railroad-diagram 图形化正则表达式
file-icons 美化默认icons
atom-beautify 一键整理代码
atom-ternjs js代码提示很强大,高度定制化。
docblockr js注释doc
autoclose-html 自动闭合HTML标签
pigments 颜色显示插件 必装
linter 错误检查工具
linter-ui-default linter 界面
linter-eslint es语法检错
linter-jslint js语法检错
linter-htmlhint html语法检错
linter-stylelint css语法检错
linter-sass-lint sass语法检错
simplified-chinese-menu 汉化插件
autocomplete-paths 路径自动完成插件
pretty-json json自动整理
language-gitignore gitignore语法高亮
markdown-preview-plus markdown预览
editorconfig 支持.editorconfig
1
apm install emmet autoprefixer minimap highlight-selected open-in-browser color-picker regex-railroad-diagram file-icons atom-beautify docblockr autoclose-html pigments linter linter-ui-default linter-eslint linter-jslint linter-htmlhint linter-csslint linter-sass-lint simplified-chinese-menu autocomplete-paths pretty-json language-gitignore markdown-preview-plus

React

插件名 作用 备注
react-snippets
react-es6-snippets es6写法的react snippet
language-babel 写React必不可少
language-javascript-jsx JavaScript, ES6, ES7, React JSX, Flow支持
atom-react-autocomplete 项目内,组件名及状态的自动补全

外观

插件名 作用 备注
atom-material-syntax

评论和共享

安装

1
$ npm install -g json-server

数据库文件

新建一个 json 文件,默认文件名为 db.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
"user": [
{
"id": 10000,
"name": "一韬",
"age": 25,
"gender": "male"
},
{
"id": 10001,
"name": "张三",
"age": 30,
"gender": "female"
}
],
"book": [
{
"id": 10000,
"name": "JavaScript从入门到精通",
"price": 9990,
"owner_id": 10000
},
{
"id": 10001,
"name": "Java从入门到放弃",
"price": 1990,
"owner_id": 10001
}
]
}

Start JSON Server

1
$ json-server --watch db.json -p 3000

get


1
2
3
4
//按照id查
http://localhost:3001/user/10000
//按照属性查
http://localhost:3001/user?age=30

post


1
http://localhost:3001/user?name=killer&age=23

delete


1
http://localhost:3001/user/10000

patch


1
http://localhost:3001/user?name=killer&age=24

注意

  • POST,PUT,PATCH或DELETE请求,则使用lowdb将更改自动安全地保存到db.json。

  • 请求体JSON应该是对象,就像GET输出一样。 (例如{“name”:“Foobar”})

  • Id值不可变。 PUT或PATCH请求的正文中的任何id值将被忽略。 只有在POST请求中设置的值才能被遵守,但只有在尚未占用的情况下才能被遵守。

  • POST,PUT或PATCH请求应包含Content-Type:application / json标头,以在请求正文中使用JSON。 否则将导致200 OK,但不改变数据。

  • 可以用 . 来请求更深层的数据

  • 使用 _page_limit 来分页请求,默认返回10条数据

  • 使用 _sort_order 来对结果排序

更多

查看官方文档

评论和共享

  • 第 1 页 共 1 页
作者的图片

Archie Shi

Nothing to say


Front-End Development Engineer