Vue3 nodejs 安装和配置---vue3教程一

前言

本人主做后端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
1
2
3
4

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
1
2
3
4
5
6
7
8
9
10
11
12
13
14

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产生交集，提升效率

外传

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/104313