windows下启动vue，访问前端项目

雨点打透心脏的1/2处 2022-10-04 15:00 167阅读 0赞

# 安装node #

[参考下载node安装步骤][node]  
https://www.runoob.com/nodejs/nodejs-install-setup.html  
**主要就是注意一下环境变量里面是否包含了node**  
检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：

PATH=C:\\oraclexe\\app\\oracle\\product\\10.2.0\\server\\bin;C:\\Windows\\system32;  
C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Windows\\System32\\WindowsPowerShell\\v1.0;  
c:\\python32\\python;C:\\MinGW\\bin;C:\\Program Files\\GTK2-Runtime\\lib;  
C:\\Program Files\\MySQL\\MySQL Server 5.5\\bin;C:\\Program Files\\nodejs;  
C:\\Users\\rg\\AppData\\Roaming\\npm  
我们可以看到环境变量中已经包含了C:\\Program Files\\nodejs\\

检查Node.js版本  
![在这里插入图片描述][20210714145612995.png]  
这里能输出版本就证明安装没有问题

# 启动vue项目 #

1.下载一个vscode编辑vue的ide

[下载vscode传送门][vscode]  
https://code.visualstudio.com/Download  
在vscode里面 进到项目里面  
然后鼠标右键在集成终端打开  
输入 npm install 安装完成后  
**如果这里提示命令不存在，可以把ide关闭重启一下**  
再 npm run dev即可运行  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNpamlhMjE5ODM_size_16_color_FFFFFF_t_70]  
再浏览器上输入http://localhost:8888/st/即可  
就是  
本地访问用local后面的地址  
局域网内的同事可以通过network后面的地址访问

[node]: https://www.runoob.com/nodejs/nodejs-install-setup.html
[20210714145612995.png]: /images/20221004/72dcf3d1545044a7b615ff084b2e51c0.png
[vscode]: https://code.visualstudio.com/Download
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnNpamlhMjE5ODM_size_16_color_FFFFFF_t_70]: /images/20221004/2fad222119b2462b976e9b674306c637.png