企业官网建设流程全解析

一、关于安装

nodejs、nvm、npm、pnpm：

这里是通过nvm安装的，关于nvm、npm、nodejs、pnpm这几个东西的认识，他们和python中的conda之类的有点类似，有类比的 点。

nodejs就像一个解释器一样，有不同的版本。一台电脑上如果需要使用不同版本的nodejs，一般是通过nvm来进行切换的。

安装好某个版本的nodejs之后，需要使用到其他各种第三方包，这时候就需要npm来安装了。npm类似python中的pip或者conda，通过这两个指令安装各种第三方包。

pnpm是和npm同一层级的东西，也是用来安装各种第三方包的，只不过相较于npm可能更加的高级

vue3的安装：

vue3的安装并非像python中直接pip或者npm一条指令就能够安装，他需要先搭建一个“脚手架”。

npm create vue@latest -- --force --ts --router --pinia --eslint --prettier web

中间这些“--pinia”之类的都是安装一些其他的相关包。重点是后面的“web”，这只是一个文件夹名（这个可以按需要自行修改）。这么操作之后，会在当前终端所在路径下生成一个web文件夹，这个文件夹中有一些配置文件。这个web文件夹的作用存储的就是“脚手架”，是进行vue开发需要的基本配置文件。

这一步安装实际上安装的是create-vue，是一个vue脚手架工具。

下一步我们进入这个web文件夹：

cd web

npm install

这么操作之后，才是真正的读取这些配置文件，安装vue3.

安装一些其他的相关包。

npm install element-plus @element-plus/icons-vue pinia

npm install -D unplugin-auto-import unplugin-vue-components sass

继续在web文件夹下：

npm run dev

访问弹出的本地连接即可访问测试vue3是否安装成功啦。