Node、Vue安装

下载Node

node官网下载即可

安装Node

安装

我下载的14版本的,因为我发现16的好像有啥东西不兼容,下载exe就行,一路下一步。

安装路径我的在D:\Program Files\nodejs

在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口看看安装成功没有

安装目录是这样的

node_cache和node_global是我新建的。干啥的下面讲

配置环境变量

我上面建的那俩文件夹就是这儿用的。

node_global:npm安装的全局模块所在的路径,;

node_cache:缓存cache的路径

为啥要配是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Program Files\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"

接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

 

在【系统变量】下新建【NODE_PATH】,

输入D:\Program Files\nodejs\node_global\node_modules 

将【用户变量】下的【Path】

修改为D:\Program Files\nodejs\node_global 

注意!!!!!!!!是点编辑!!!不是新建!!!!!!!!!我踩了好几次坑了!!!!!

测试

随便安装一个常用的模块测试看看

npm install express -g

 

 

-g是全局的意思

如下图,表示好了,刚开始回车后会有一个安装的过程,等等就好了

Vue安装

安装脚手架

直接在cmd里操作就行

npm install -g vue-cli

 

 

安好后差不多就是跟上图那个显示的差不多我就不截图了

 

 

版权声明:
作者:黯然gg
链接:https://3zi.cn/archives/564
来源:阿龙爱吃肉
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录