vue学习日记day-1（安装node和vue）

vue学习日记day-1（安装node和vue）

2024-08-02生瓜蛋子学前碎碎念

随着计算机行业越来越卷，同事们的技能越来越多，八股文越来越熟练，大家也都不断离职跳槽去更大的平台，我目前来说还是没有想去过别的公司，因为在制造业写代码真的是爽的起飞，但是本生瓜蛋子的养老式写代码也是逐渐感到了些许的危机感，在计算机行业如果不去拥有一个终身学习的习惯，迟早要挨社会的毒打，故而开始学习新技能，在贵平台进行学习记录，废话少说，开始今天的学习！！冲冲冲！！！

---

一、认识NodeJs 安装NodeJs

1.安装NodeJs

①进入NodeJs中文官网https://nodejs.p2hp.com/

下载后之后，选择完安装路径，一路next即可。（最后安装慢一点属于正常现象！！！！耐心等待即可）

如果这步的环境变量没添加上也没关系，我看网上说有的设备会添加不进去，自己再添加即可，后续步骤会有；



安装完成后使用node -v 和 npm -v验证是否安装成功；
成功截图：

②修改默认目录（node_cache和node_global）

在node的安装目录或其他自定义目录下创建两个文件夹node_cache和node_global

使用命令行修改配置

npm config set prefix "E:\java_environment\nodejs\node_global"

npm config set cache "E:\java_environment\nodejs\node_cache"

使用npm config get【KEY】命令检查是否更改成功，成功则如下图

npm config get prefix
npm config get cache

③配置环境变量

1.用户变量中双击PATH，将C:\Users\admin\AppData\Roaming\npm 修改为下图路径

E:\java_environment\nodejs\node_global\

2.系统变量直接新建变量NODE_PATH
（注意，如添加完此变量后，查看在node_global下是否生成了node_modules文件夹，
如未生成需要手动新建node_modules文件夹）

名称    NODE_PATH
值      E:\java_environment\nodejs\node_global\node_modules

3.系统变量中双击PATH，点击新增，添加如下路径

%NODE_PATH%

下图系统变量path红框的这一条为安装node时自动添加的，这个一定不能删除！如误删重新添加即可！

4.至此，node已安装完毕

二、nodejs的配置和vue的安装

1.更改镜像

npm 官方原始镜像网址是：https://registry.npmjs.org/	
淘宝 NPM 镜像：http://registry.npmmirror.com
阿里云 NPM 镜像：https://npm.aliyun.com
腾讯云 NPM 镜像：https://mirrors.cloud.tencent.com/npm/
华为云 NPM 镜像：https://mirrors.huaweicloud.com/repository/npm/
网易 NPM 镜像：https://mirrors.163.com/npm/
清华大学开源镜像站：https://mirrors.tuna.tsinghua.edu.cn/
中国科学技术大学开源镜像站：http://mirrors.ustc.edu.cn/

注意此处一定要在以管理员运行的cmd窗口下执行，否则会出错，亲身经历

npm config set registry https://registry.npmmirror.com 修改镜像
npm install -g cnpm 

执行之后可通过以下命令进行检查

cnpm config get registry
cnpm -v

2.安装vue和cli

cnpm install vue -g
npm install -g @vue/cli

此处通过 vue -v进行检查是否安装成功

cnpm install @vue/cli –g

总结

前端也是博大精深，大家初学安装肯定也会和我一样，一直踩坑，大不了失败了出错了卸载重装，我装下来也是卸载了好几遍才ok的，大家冲冲冲，一定不要放弃！下一篇开始学习语法。我基本零基础的前端，有一块学习的可以私信我组个伴儿互相学习呀。