weixin_39729729的博客

方法1：修改配置文件项目根目录 vue.config.js// vue.config.jsmodule.exports = { css: { loaderOptions: { less: { lessOptions: { // 如果使用less-loader@5，请移除 lessOptions 这一级直接配置选项。 javascriptEnabled: true } } }, },缺点：需重启项目才能

less、less-loader 版本不匹配// 卸载less和less-loadernpm uninstall less less-loade// 安装以下版本npm i less@2.7.2 less-loader@5.0.0 --save-d

前置条件安装nodejs、npm全局安装vue-clinpm install -g vue-cli // 全局安装vue-cli创建项目使用 vue-cli 创建 electron-vue 模板// 可能会提示安装 @vue/cli-init// 没有提示则无需安装，我用的版本是 v4.*.*npm i -g @vue/cli-init// 使用 vue-cli 创建 electron-vue 模板// 下载模块，需要科学上网（临时使用可狗度 fotiaoqiang 菜鸡友好）

params 的应用返回前的页面设置参数this.$route.params.a = 'a';this.$route.params.b = 'b';返回的目标页面获取参数beforeRouteEnter(to, from, next) { const { a, b} = from.params; // 'a' 'b' // 此处无法直接设置 this.a this.b next();}created() { aFoo() { this.$route.params.a

vue-cli安装 vue-cli脚手架版本需 ≥ 3.0// 全局安装 vue-clinpm install vue-cli -g构建项目cd 到你需要创建项目的文件夹路径下开始构建项目// 执行// 选项默认即可，直接回车// 也可自定义，babel、eslint等，如需，想必也用不着看这篇教程vue create your-project// 等待安装(~20s)// ...这里聊一下 vue-cli 的另一种打开方式// 有种可视化界面的操作，适合刚入门的实习生操

仅 Windows 系统某个项目需要提供一个桌面应用，选取 Electron。目前使用广泛的除了 Electron 外还有 nw.js，国内也有使用 nw.js 开发的桌面应用，如微信小程序开发工具。但是 nw.js 的教程实在难找，加上国内环境所限，转而选择 Electron。Electron & nw.js 粗略对比对比项Electronnw.js平台兼容性win7+winXP(低版本)、win7+配置难易main.js 配置package.jso.

组件name使用"header"的时候样式无法更新<script>export default { name: "header", data: () => ({}), methods: {}};</script>报错如下已解决不能使用保留字作为组件名

main.js中引入less和css，仅less生效提示报错css-loader安装了css-loarder和style-loader无用// import "@/assets/common/globle.less";// import "@/assets/common/iconfont.css"; // 报错require('@/assets/common/globle.less'); // 生效require('@/assets/common/iconfont.css'); // 报错，找不