学之初衷
一直在纠结要不要动手开始学习nodejs(原谅我以前说到做不到~)。今天,终于给自己下一个恶狠狠的心,开始着手学习nodejs,其实也不是为了学习nodejs,最最最重要的是开始学习vue啦(不要问我为什么学vue,最主要的还是面试时被严重鄙视了,说我仅仅是一个切图仔。唉,这里不多说了)。下面来写写如何在windows系统内安装nodejs及npm安装模块全局路径的设置。(由于我是在windows平台上开发,这算不算不是一名合格的程序猿呢?)。
nodejs安装步聚
- windows下的nodejs安装还是比较方便的,已经支持windows native安装方式。只需要去nodejs官网(https://nodejs.org/en/)下载.msi安装文件。
- 直接点击你下载的.msi安装文件就可以了,直接next下一步就行。当然了,这里你可以选择你的安装文件路径,在这里,我设置了nodejs文件的安装在D:\Program Files\nodejs路径下。这样,将会设置nodejs的PATH路径为D:\Program Files\nodejs。
- 以上步聚安装完成,打开window的cmd控制台(快捷键 window+r,输入cmd,回车)。在cmd命令行里输入node -v,若显示出nodejs的版本号,则表示安装成功。
- npm的安装,由于新版的nodejs已经集成了npm,所以npm在你安装nodejs的同时,已经安装好了。直接在cmd命令行输入npm -v,若出现相应的npm版本号,则表示npm也安装成功了。
- 常规的nodejs搭建到现在已经为止了,急不可待的在cmd命令行输入node后进入node开发模式,输入你的nodejs第一句console.log("hello world ~");,将会在cmd命令行输出"hello world ~"。(是不是很开心,哈哈 ~)
通过以上几个步聚,终于完成了nodejs的安装,包括安装路径的更改。(安装起来很简单,说起来咋就这么麻烦,唉,多动手实现就好了 ~_~)。
npm全局模块路径的设置
- 正常情况下,npm全局模块安装的存放路径是在你电脑C:\Users\你的电脑名称\AppData\Roaming\npm下的,以及cache路径是在你电脑的C:\Users\你的电脑名称\AppData\Roaming\npm-cache下的。
- 要先设置全局模块的存放路径和cache路径。例如我希望将以上两个文件夹放在nodejs内(不要问我为什么,因为我希望以后在别的电脑上配置起来简单,不用每次都去获取各个模块),便在nodejs目录下新建"node_global"和"node_cache"两个文件夹。
启动cmd,输入下面两行命令:
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
- 接下来,安装一个模块试试,由于接下来我要学习vue,这里我直接在cmd命令行直接输入npm install vue -g(-g就是全局安装模块的意思,就是将vue模块安装到你修改后的模块存放路径D:\Program Files\nodejs\node_global),等待下载安装。
- 安装完成后会提示安装vue的路径及版本,将在node_global目录下看到node_modules文件夹,打开可以看到vue模块的包,此时表明vue模块已经下载安装完成,此时,我们为了检验vue是否安装成功,直接在cmd命令行输入vue -V将会出现以下错信息"'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。"那么问题来了,该怎么解决呢?
- 我们更改了npm全局模块的存放路径和cache路径,此时使用module时将会出现上述错误。关键的步聚来了,我们要重新设置一下系统变量。关闭cmd命令行窗口,在"我的电脑"里,右击后打开属性,进入环境变量对话框,在系统变量里新建NODE_PATH,输入"D:\ProgramFiles\nodejs\node_global\node_modules"。(pssssss:这一步相当关键)。保证在cmd命令行进入node后可以require("vue");正常。
- 由于改变了module的默认地址,所以上面的用户变量需要跟着改变一下。在PATH变量中,我们需要重新加入"D:\ProgramFiles\nodejs\node_global\"这个参数。(由于node全局模块大多数都是提供全局访问的,所以要把"D:\ProgramFiles\nodejs\node_global\"加到PATH路径里)
- 保存改变环境变量的参数后,打开cmd命令行,输入vue -V,将出现vue的版本号,说明npm全局模块的路径设置完成。
至此,已经完成了npm全局模块的路径设置(撒花啦~)。
总结
万事开头难(哈哈,原谅我很懒 23333),一旦开始就无路可退。最近也不知道怎么了,总感觉"我好累,却无路可退!"还有就是最近在看二级建造师的教材,水利水电工程专业教材,一看头就大了(看来是老了,接受新知识的能力大不如从前,唉,扯的有点远)。学完nodejs的安装,要学vue了。就是这么任性哈~
最后, 希望还是静下心来,少玩手机,多看书吧(互勉)。一个人孤独的时候,或许是最好的闭关阶段,也是最好的学习阶段。当然,对爱情还是充满期待的哟。
来路已无,未来可期。