前言
目前工作最新的项目使用的是VUE,经过简单的了解后发现只会使用基本的操作,打算进一步了解,看一下,以前都是JQ(后端也就会一点基本的JQ)。因为是第一次接触VUE,工作起来有点摸不着头脑,这几天开始简单的学习一下VUE。特地写文章记录一下。如果有不对的地方,还望各位大佬指点。
一、NodeJS下载
安装包下载地址:NodeJS下载
根据自己电脑的实际需求来下载,这边以Windows10 64位为例子进行操作,下载完成后直接点击运行。
二、安装
1.引入库
1.点击运行,安装下列截图进行设置
2.这边一般都改变安装路径,如果都安装到C盘,默认安装容易导致系统盘爆满,所以基本上都是安装到容量大的硬盘,这边演示安装到D盘
3.这边的四个选项从上到下分别是: Node.js runtime(运行环境), npm package mamager(npm包管理), Online documentation shortcuts(在线文档快捷方式 ),Add to PATH(添加环境变量),这四个不需要动要额外的设置,我们都需要 直接下一步。
2.测试是否安装成功
win(键盘上四个格子的图标的那个键)+ R 打开运行窗口,在此窗口输入cmd命令
输入下面的命令查看当前安装的node的版本和npm的版本
node -v
npm -v
三、设置 node_global (全局模块)和 node_cache (缓存)
1.安装nodejs的目录。首先先打开设置栏目,设置文件扩展名勾选,隐藏的项目勾选
2.如果勾选了隐藏的项目没有显示出 node_global (全局模块)和 node_cache (缓存)这两个文件夹,那我们就自己新增。缺那个文件夹就新增那个文件夹。并且需要注意的是在node_global(全局模块)文件夹下再建一个node_modules文件夹,用来配置环境变量的
3. 需要将路径指向我们新建的文件夹有2种方式
第一种方式:win+R打开运行窗口,输入cmd,再输入以下两条指令(个人推荐使用这个方式)
npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"
如:
npm config set prefix "D:\app\nodejs\node_global"
npm config set cache "D:\app\nodejs\node_cache"
第二种方法:在nodejs的安装目录下,进入node_modules——> npm ——> 找到npmrc文件。打开npmrc
添加以下命令:
prefix=创建的node_global文件夹所在路径
cache=创建的node_cache文件夹所在路径
如:
prefix=D:\app\nodejs\node_global
cache=D:\app\nodejs\node_cache
三、设置环境变量
将其中默认的C:\Users\[电脑用户名]\AppData\Roaming\npm更改为下图,如果不存在,就直接新增即可。
设置完成后点击确定,打开了多少个窗口就确定几个窗口 ,如果不确定,所有的设置无效,直接 关闭设置窗口,设置无效,设置无效,设置无效,重要的事情说三遍。
四、测试
我们先安装一个express模块,win+R 打开运行窗口,输入cmd,回车(说明: -g 是全局安装的意思)
npm install express -g
出现下面的这样的效果代表安装,如果网速不大好的话,可能要点时间
最后到这个 文件夹确认一下,有这个文件夹代表设置没有说明问题,这样就安装成功了!
以上就是本文章的全部内容!