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的,大家冲冲冲,一定不要放弃!下一篇开始学习语法。我基本零基础的前端,有一块学习的可以私信我组个伴儿互相学习呀。