obsidian/笔记文件/2.笔记/node.js安装和打包vue程序.md
2025-05-30 20:03:15 +08:00

1.8 KiB
Raw Permalink Blame History

#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控制台可以查看对应的版本号

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文件夹根目录

npm install

有可能会遇到报错,参考PowerShell 执行策略Execution Policy解决即可;

!Pasted image 20250529182123.png

重新执行,就正常了;

!Pasted image 20250529183143.png

也会多出,这个依赖相关的文件夹:

!Pasted image 20250529183204.png

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

npm run build

!Pasted image 20250530095813.png

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

!Pasted image 20250530095852.png

其中内容:

!Pasted image 20250530100017.png

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

!Pasted image 20250530095959.png