搭建 VUE + NODE.JS + ElementUI 学习过程中问题总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建 VUE + NODE.JS + ElementUI 学习过程中问题总结相关的知识,希望对你有一定的参考价值。

1、exports 和 module.exports 

require 用来加载代码,而 exports 和 module.exports 则用来导出代码。
  1. module.exports 初始值为一个空对象 {}
  2. exports 是指向的 module.exports 的引用
  3. require() 返回的是 module.exports 而不是 exports
2、vue-cli / vue-router / vue-loader
vue-cli相当于脚手架 给你自动生成模板工程
vue-router是 vue路由插件 支持你单页应用的
vue-loader是webpack下loader插件 可以把.vue文件 输出成组件
use vue-cli create a vue project
  1/npm install -g vue-cli
  2/vue init webpack xxxx
  3/cd xxx
  4/npm install
  5/npm run dev
3、node 设置页面语言.html
app.set(‘views‘, path.join(__dirname, ‘views‘));
app.engine(‘html‘, require(‘ejs‘).renderFile);    // 这句就是使用ejs模板渲染html页面
app.set(‘view engine‘, ‘html‘);
    最初创建的node 是通过app --router --res.render 渲染整个html文件。
    接下来实现 抽离公共部分 实现内容部分拼接(router里的res.render获取到具体内容部分,然后拼接成一整个html文件 渲染)




以上是关于搭建 VUE + NODE.JS + ElementUI 学习过程中问题总结的主要内容,如果未能解决你的问题,请参考以下文章

vue.js:搭建开发环境及构建项目

Vue项目搭建记录

windows系统搭建vue开发环境

vue.js2.0环境搭建

vue.js 开发环境搭建

使用Node.js和vue.cli+element-ui搭建vue项目