obsidian/笔记文件/2.笔记/node.js安装和打包vue程序.md

#javascript

首先，可以安装一下，js相关的开发环境，也就是nodedjs，参考官网链接：https://nodejs.org/en

![[Pasted image 20250529171607.png]]

安装过程中，其他都是直接`Next`就ok，这个最好勾选一下，在安装完Node.js之后，也会自动安装，很多必要的插件

![[Pasted image 20250529171827.png]]

这是对应这个选项，自动打开的，另一窗口；

![[Pasted image 20250529172359.png]]

安装完成后，直接输入`ENTER`退出即可

![[Pasted image 20250529172448.png]]

![[Pasted image 20250529180605.png]]

cmd控制台，可以查看对应的版本号：

``` shell
node -v
```

![[Pasted image 20250529180644.png]]

这是vue文件夹，如果要构建的话，是需要有package.json配置文件，其中会包含各项配置信息，还有构建工具[[vite build]]相关；

![[Pasted image 20250529181129.png]]

配置文件相关：

![[Pasted image 20250529181908.png]]

最终需要执行的，是`npm run build`命令，但是在执行之前，还是需要执行`npm install` 安装相关的依赖；

![[Pasted image 20250529182044.png]]

跳转到对应这个vue文件夹根目录：
``` shell
npm install
```

有可能会遇到报错，参考[[PowerShell 执行策略（Execution Policy）]]解决即可；

![[Pasted image 20250529182123.png]]

重新执行，就正常了；

![[Pasted image 20250529183143.png]]

也会多出，这个依赖相关的文件夹：

![[Pasted image 20250529183204.png]]

然后，万事俱备了，开始执行build指令；

``` shell
npm run build
```

![[Pasted image 20250530095813.png]]

构建完成后，会生成dist文件夹

![[Pasted image 20250530095852.png]]

其中内容：

![[Pasted image 20250530100017.png]]

后面如果要访问网站页面，也是直接指向，这个文件夹即可

![[Pasted image 20250530095959.png]]