开发环境

学习笔记其他

全局环境下常用的npm包

Terminal window
npm install -g fanyi http-server nrm
npm install -g @vue/cli
npm install -g express-generator
npm install -g ts-node typescript
npm install -g browser-sync
# 使用:browser-sync start --server --files "css/*.css","index.html" 需要监听的文件(多个可用逗号隔开)

node版本管理器——nvm

nvm ls //查看已下载的版本列表
nvm use <versionNumber> //使用版本
nvm install <versionNumber> //下载
nvm uninstall <versionNumber> //删除
nvm node_mirror <node_mirror_url>:设置节点镜像,可以使用https://npm.taobao.org/mirrors/node/
请注意: 在安装nvm for windows之前,你需要卸载任何现有版本的node.js。并且需要删除现有的nodejs安装目录(例如:"C:\Program Files\nodejs’)。因为,nvm生成的symlink(符号链接/超链接)不会覆盖现有的(甚至是空的)安装目录。
你还需要删除现有的npm安装位置(例如“C:\Users\weiqinl\AppData\Roaming\npm”),以便正确使用nvm安装位置。

sublime插件

下载package controll
配置包

{
"bootstrapped": true,
"in_process_packages":
[
],
"installed_packages":
[
"AngularJS", //angularjs代码补齐
"AutoFileName", //自动输入路径名
"BracketHighlighter", //匹配括号(可选有bug)
"Emmet", //emmet
"Package Control", //..
"Transparency" //背景透明
]
}

vscode 扩展

  • AutoFileName || Path Intellisense //自动补全文件路径
  • Bookmarks //书签
  • ESLint //代码检查
  • JavaScript (ES6) code snippets //js片段
  • Vetur //vue扩展
  • Windows opacity //编辑器半透明
  • polacode //代码截图

浏览器插件

  • Domecross
  • Wappalyzer //查看当前网页技术栈
  • 划词翻译

设计

  • Sketch(mac)
  • 磨刀(window)
  • kuler(配色网站)

其他下载的

  • TortoiseGi //git上传
  • git //git
  • typora //markdown编辑器
  • node //node
  • Tmux //终端分屏

mac环境下的(参考至狼叔)

  • 1)oh my zsh是我最习惯的shell,终端下非常好用配合iterm2分屏 + spectacle全屏,几乎无敌

  • 2)brew是mac装软件非常好的方式,和apt-get、rpm等都非常类似安装4个必备软件

    • brew install git 最流行的SCM源码版本控制软件
    • brew install wget 下载、扒站神器
    • brew install ack 搜索代码神器
    • brew install autojump 终端下多目录跳转神器
  • 3)vim我虽然不算vim党,但也深爱着。janus是一个非常好用的vim集成开发环境。比如ctrl-p、nerdtree等插件都集成了,对我这种懒人足够了。

  • 4 ) termius ssh应用

    • iTerm