Windows系统中,打开前端Vue代码
一、安装node.js
windows系统中,初始打开vue前端,需要先安装node.js。
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/,下载号msi安装包后,再点击安装。
二、安装vue依赖
程序运行输入cmd,然后输入 npm install -s 安装vue运行依赖。
不按照依赖就会报错 webpack的信息错误。
三、运行前端程序
打开前端程序所在的文件夹,如:
在此文件夹输入cmd命令,然后在输入: npm run dev 运行前端程序,运行成功后的界面如下:
根据界面上的网址打开前端界面。
四、vue前端程序发布到IIS
上述运行比较麻烦,适用于代码的修改调试阶段,每次用之前必须得打开,可以发布到IIS上,电脑重启以后就可以自动打开。
1、打开前端程序所在的文件夹,cmd到dos操作界面以后,然后再输入:npm run build,生成了发布文件。
2、打开IIS服务器,新建网站找到前端vue所在路径的dist文件夹,点击发布以后就可以了。
3、如果修改了前端的程序,重新发布的话,继续步骤1就可以了。
可能出现的问题:
发布以后,用本地电脑 localhost/端口号,能够访问网站,而局域网内的其它的设备确不能访问,这一般是防火墙打开导致的,可以关闭发布电脑的防火墙,或者再防火墙里面添加规则,允许网站端口访问,即可解决问题。