如何自动根据不同项目切换不同的Node.js版本

JavaScript017

如何自动根据不同项目切换不同的Node.js版本,第1张

问题背景

很多场景下我们需要同时使用多个不同版本的Node.js。比如:你有多个项目,这些项目由于开始时间不同,用的Node.js版本都会不同;又或者你现在项目用的是4.x.x,但是你想试试下一个LTS版本——6.x.x。这些情况下,你会发现你每次都要去切换Node.js的版本,哪怕你用NVM来管理多个Node.js,切换也都需要执行 nvm use ... 命令。有的时候会忘记导致很多不必要的麻烦!

那么怎么样才能根据不同的项目自动切换对应的Node版本呢?

思路

先抛开是否有工具可以帮我们完成这件事情。我们先来想一下如果让你来实现这样一个功能,你会怎么做?

首先,你至少需要申明你各个项目所需要的Node版本号,那么最方便的就是:

然后,我们需要一个 触发点 ,这个触发点可以让你去根据上述提到的文件中获取到 Node 版本号并自动切换。而这个切换点最好的当然是 cd 命令。因为我们总是需要先 cd 到项目目录中去。

好了,以上就是我们的思路,汇总下来就是:

解决方案

社区已经有类似我们上述思路的工具,这里推荐 avn-Automatic Version Switching for Node , avn 提供了 nvm 的插件(当然也有 n 的插件),使用起来非常简单(以NVM为例),直接:

然后呢,只要在你的项目根目录下创建一个 .node-version 文件,并且以 semver 的格式来申明所需要的 Node 的版本号,如:4.5.0

接着,当你 cd 到项目目录中的时候,avn 就会自动帮你切换到指定的 Node 版本。非常方便!

一、vuejs 2.0中js实时监听input

在2.0的版本中,vuejs把v-el 和 v-ref 合并为一个 ref 属性了,可以在组件实例中通过 $refs 来调用。这意味着 v-el:my-element 将写成这样: ref="myElement" , v-ref:my-component 变成了这样: ref="myComponent" 。绑定在一般元素上时,ref 指DOM元素,绑定在组件上时,ref 为一组件实例。

因为 v-ref 不再是一个指令了而是一个特殊的属性,它也可以被动态定义了。这样在和v-for 结合的时候是很有用的:

<p v-for="item in items" v-bind:ref="'item' + item.id"></p>

以前 v-el/v-ref 和 v-for 一起使用将产生一个DOM数组或者组件数组,因为没法给每个元素一个特定名字。现在你还仍然可以这样做,给每个元素一个同样的ref:

<p v-for="item in items" ref="items"></p>

和 1.x 中不同, $refs 不是响应的,因为它们在渲染过程中注册/更新。只有监听变化并重复渲染才能使它们响应。另一方面,设计$refs主要是提供给 js 程序访问的,并不建议在模板中过度依赖使用它。因为这意味着在实例之外去访问实例状态,违背了 Vue 数据驱动的思想。

二、vuejs 1.x中js实时监听input

在vuejs 1.x的版本中在js中监听某个指定的input的value变化

通过如下方式:

<input type="text" v-model="items.type1" v-el:texttype1/>

然后在vuejs中的watch中监听:

整体代码: