前言

本人主做后端Java，以前搞全栈开发是，还没有vue,rect等前端框架，最近，学习下vue，留下，自己的学习过程和出现的一些概念性和技术上问题的解决方案，一起学习吧，最后会搞一个项目。。

1、nodejs安装

https://nodejs.org/en/download/
我的系统是mac pro ,直接下载node-v18.17.0.pkg，直接安装即可
如果已经安装过老版本，那么先去删除，或者直接安装可以，会直接覆盖之前的版本。

安装：
Nodejs:
Nodejs v18.17.0 to /usr/local/bin/node
npm v9.6.7 to /usr/local/bin/npm

2、配置缓存路径：

npm config set prefix “/Users/weidong/install/nodejs/node_global”
npm config set cache “/Users/weidong/install/nodejs/node_cache”

3、 阿里镜像cnpm使用

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
注意，需要用到sudo

4、 yarn安装

npm i yarn -g
-i：install
-g：全局安装（global）,使用 -g 或 --global

yarn@1.22.10 preinstall /Users/weidong/install/nodejs/node_global/lib/node_modules/yarn
:; (node ./preinstall.js > /dev/null 2>&1 || true)

/Users/weidong/install/nodejs/node_global/bin/yarnpkg -> /Users/weidong/install/nodejs/node_global/lib/node_modules/yarn/bin/yarn.js
/Users/weidong/install/nodejs/node_global/bin/yarn -> /Users/weidong/install/nodejs/node_global/lib/node_modules/yarn/bin/yarn.js

yarn环境变量配置:

vi ~/.bash_profile#yarn path
export PATH=$PATH:/Users/weidong/install/nodejs/node_global/bin

5、配置nodejs国内镜像

原来的数据源：registry=https://registry.npmjs.org/
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

6、查看各个版本

weidong:~ weidong$ node -v
v18.17.0
weidong:~ weidong$ npm -v
9.6.7
weidong:~ weidong$ cnpm -v
cnpm@9.2.0 (/Users/weidong/install/nodejs/node_global/lib/node_modules/cnpm/lib/parse_argv.js)
npm@9.8.1 (/Users/weidong/install/nodejs/node_global/lib/node_modules/cnpm/node_modules/npm/index.js)
node@18.17.0 (/usr/local/bin/node)
npminstall@7.9.0 (/Users/weidong/install/nodejs/node_global/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/Users/weidong/install/nodejs/node_global 
darwin x64 22.4.0 
registry=https://registry.npmmirror.com
weidong:~ weidong$ yarn -v
1.22.19

7、node npm yarn概念

• yarn是Facebook公司出品的用于管理nodejs包的一款软件。yarn是为了弥补 npm 的一些缺陷而出现的，建议使用yarn。
• npm是随同nodejs一起安装的包管理工具。
• cnpm是淘宝 npm镜像，更快。

yarn和npm常用功能对比

8、nodejs 和vue 关系

vue是一套用于构建用户界面的前端框架，如果web项目中有前后端分离，前端项目想单独运行在服务器端，那么就要依赖nodeJs。Vue的配套周边会和Node.js产生关系，Vue和它们一起配合使用的机率比较高，二者在1、Webpack；2、Vue CLI；3、Vuex；4、Vue Router产生交集，提升效率

外传

😜 原创不易，如若本文能够帮助到您的同学
🎉 支持我：关注我+点赞👍+收藏⭐️
📝 留言：探讨问题，看到立马回复
💬 格言：己所不欲勿施于人 扬帆起航、游历人生、永不言弃！🔥