搭建框架

搭建框架,第1张

概述vue 脚手架搭建项目步骤 1.安装node 2.npm install vue-cli -g 3.vue init webpack 项目名 node + express搭建本地服务器 1.安装node 2.npm install express --save -g express 是nodejs的一个web框架,使用express,能够更便捷的使用nodejs 3.npm install exp

vue 脚手架搭建项目步骤
1.安装node
2.npm install vue-cli -g
3.vue init webpack 项目名

node + express搭建本地服务器
1.安装node
2.npm install express --save -g
express 是nodeJs的一个web框架,使用express,能够更便捷的使用nodeJs
3.npm install express-generator --save -g
express-generator是express应用生成器,相当于express 的骨架,进入一个web项目中后,使用express projectname命令,能快速构建projectname这个应用的目录结构
4.进入项目安装依赖 npm install
5.把前端项目放到服务器文件夹,并打包
6.将app.Js中app.use(express.static(path.join(__dirname,‘./myDemo/dist/‘)));配置成前端项目的dist目录
7.配置端口
var server = app.Listen(8889,"127.0.0.1",function(){
var host = server.address().address;
var port = server.address().port;
console.log("Server running at http://%s:%s",host,port)
});
8.启动项目 npm start

目录详解bin: 用于应用启动,可在里面设置启动的端口号等。/public: 静态资源目录/routes:可以认为是controller(控制器)目录,路由。/vIEws: jade模板目录,可以认为是vIEw(视图)目录app.Js 程序main文件

总结

以上是内存溢出为你收集整理的搭建框架全部内容,希望文章能够帮你解决搭建框架所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1036847.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-24
下一篇2022-05-24

发表评论

登录后才能评论

评论列表(0条)

    保存