搭建框架

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://www.cnblogs.com/1605530316mjx/p/11423119.html