vue.js项目创建打包部署过程


确认windows本机是不是安装了nodejs 和 vue-cli,win+r打开cmd,输入nodejs -v 即可查看是否安装了nodejs,输入vue-cli 查看是否安装了 vue-cli。若无请自行安装。

利用vue-cli创建vue项目,vue init webpack demo (demo 是自定义的名称)。按提示输入信息,然后一路回车,最终项目就会在当前目录下创建了(我的当前目录是c盘)。

创建完成后,打开c盘,查看当前的demo文件夹,这就是vue-cli 帮我们生成项目结构。在浏览器上访问loclahost:8080,查看是否启动成功!

怎么运行这个vue项目呢?进入到项目的根路径,使用npm run dev!

vuejs是个前端框架,npm run dev的目的在于前端开发的时候可以实时调试。所以npm run dev 只是开发时期会用到,在生产环境中我们应该使用nginx,apahce tomcat等应用服务器部署!现在尝试把这个项目放到本地的tomcat服务器上去运行。首先npm run build,然后把dist下生成的文件丢到一个tomcat服务器webapp下面的一个自定义文件夹(我的是demo)。

启动tomcat服务器,在浏览器上查看项目是否部署成功!

 


作者:宇落星辰_30ba
链接:https://www.jianshu.com/p/5d90d862f80e
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM