需求

经常有这种情况,写代码的时候需要实验种想法,亟需一种playground 环境来玩耍。如果是前端的话可以打开chrome 的控制台,但是如果是Node 的话就比较麻烦了。我要打开我的存放试验代码的目录,创建新目录,创建js 文件,打开编辑器开始写代码。这一系列麻烦的流程直接导致我的生活质量下降。要是可以自动化这个流程就好了。我想要的是在终端敲一个命令然后就帮我把这些事都办了,然后现成的编辑器呈现在我面前,直接开始敲代码。

方案

有了自制工具:上传修改过的文件到指定服务器 的经验,现在我只需要写一个bash 脚本, 它帮我:

  1. 接受一个我要指定的名称,创建相应playground 目录。
  2. 打开我的常用编辑器并以我指定的名称创建js 文件。
  3. 在新创建的playground 目录下打开终端以便运行调试。
cd /Users/drakedan/Documents/workSpace/NodePlayground && mkdir $ && subl "$1/$1.js" &&  open -a terminal /Users/drakedan/Documents/workSpace/NodePlayground/$

将上面代码保存在我专门存放小工具的目录下,命名为playnode.sh。

如果还没有一个专门存放小工具的目录的话,可以创建一个,然后用编辑器打开~/.bash_profile,把这个目录添加进去,加一行就可以:

export PATH=${PATH}:/Users/drakedan/Documents/workSpace/NodePlayground/bin

这里我的所有小工具都放在 /Users/drakedan/Documents/workSpace/NodePlayground/bin 这个目录下。

总结

最后只需要重启终端,然后只用在终端敲 >playnode.sh myplay    小工具就帮我在指定目录下创建一个myplay 目录,并用sublime 打开myplay.js,并且还贴心的为我打开一个位于myplay 目录的终端。大功告成,妈妈再也不用担心我的拖延癌了!

参考:自制工具:上传修改过的文件到指定服务器

       Open Terminal Here In Mac Os Finder

自制工具:迅速打开一个Node 环境的Playground的更多相关文章

  1. node项目的基本构建流程或者打开一个node项目的流程

    1.  确立项目所需要的所有依赖.框架(比如bootstrap,vue,angular等) 2. 在项目的根目录下创建一个package.json文件,package.json文件是项目的最重要文件之 ...

  2. 建立一个node.js服务器(使用express搭建第一个Web环境)

    一.官网下载node.js 下载地址:https://nodejs.org/en/download/ 根据向导,下一步安装就可以了! 二.使用express搭建Web环境 express是一个开源的n ...

  3. 【Nodejs】326- 从零开发一个node命令行工具

    本文由 IMWeb 社区授权转载自腾讯内部 KM 论坛.点击阅读原文查看 IMWeb 社区更多精彩文章. 什么是命令行工具? 命令行工具(Cmmand Line Interface)简称cli,顾名思 ...

  4. 手动封装一个node命令集工具

    了解NPM安装模块时与项目配置文件中的bin配置发生了什么 了解nodejs在控制台中的运行环境及上下文 基于自定义命令集工具集成Yeoman 一.NPM模块安装内幕与nodejs控制台运行环境 1. ...

  5. 如何用node编写命令行工具,附上一个ginit示例,并推荐好用的命令行工具

    原文 手把手教你写一个 Node.js CLI 强大的 Node.js 除了能写传统的 Web 应用,其实还有更广泛的用途.微服务.REST API.各种工具……甚至还能开发物联网和桌面应用.Java ...

  6. 什么是Node?Node环境配置

     什么是Node? Node.js 不是JS文件也不是一个JS框架,而是一个Server side JavaScript runtime(服务端的一个JS运行时),我们可以Node环境中运行JS代码 ...

  7. node环境配置安装(nvm)

    在我们前端开发工程中,很多繁琐机械的操作都是会慢慢的被抽离出来的,当我们为dom操作和浏览器兼容性感到厌烦时,jQuery出现了,当我们不想再去理会dom的添加删除等的时候,angularJS来解救我 ...

  8. node环境和浏览器的区别

    一.全局环境下this的指向 在node中this指向global而在浏览器中this指向window,这就是为什么underscore中一上来就定义了一 root: 1 var root = typ ...

  9. linux 安装 node 环境

    本篇学习的分享主要说在linux 安装 node 环境,个人也是在腾讯云的实验室课程学习的,这里只是个人的一个学习记录, 大家也可以去腾讯的实验室来体验一下,教程十分详细易学. 1 .安装 Node. ...

随机推荐

  1. 火狐浏览器,关闭ssl v3防护

    某些网站,没有及时更新,导致火狐觉得有安全隐患,不给访问. --------------- Hello bcasey9090, go to about:config, copy the next bo ...

  2. python中单元测试/数据库预处理的技巧

    假设文件结构: pkg/ __init__.py components/ core.py __init__.py tests/ core_test.py __init__.py python -m 你 ...

  3. svn update错误

    可以再checkout下来一份项目,重新命名,然后将该项目下的隐藏文件夹.svn替换掉原项目 注意备份

  4. 自定义控件之带水印的Textbox

    代码地址: http://download.csdn.net/detail/u010312811/9553195 Windows消息处理: http://www.cnblogs.com/imstriv ...

  5. Codeforces 55D

    基本的数位DP,注意记录那些状态可以用最小的空间判断出整除性. #include <cstdio> #include <cstring> using namespace std ...

  6. WinAPI: ShellExecute - 打开外部程序或文件

    WinAPI: ShellExecute - 打开外部程序或文件 ShellExecute(   hWnd: HWND;        {指定父窗口句柄}   Operation: PChar;  { ...

  7. We7 CMS研究

    我下载的we7 3.0是基于vs 2010的,官方网站也建议使用vs2010,但是我有追新的习惯,并相信vs 2013一定能够兼容vs2010的项目,于是在vs2013下打开解决方案并且全部升级,把目 ...

  8. (EM算法)The EM Algorithm

    http://www.cnblogs.com/jerrylead/archive/2011/04/06/2006936.html http://blog.sina.com.cn/s/blog_a7da ...

  9. IOS- 自定义 UIButton

    #pragma mark init方法内部默认会调用initWithFrame: - (id)initWithFrame:(CGRect)frame { self = [super initWithF ...

  10. 编译QtAV工程库

    去https://github.com/wang-bin/QtAV下载源代码 去https://sourceforge.net/projects/qtav/files/depends/QtAV-dep ...