《Vue进阶之路》
文章平均质量分 54
《Vue进阶之路》
Java编程之道
这个作者很懒,什么都没留下…
展开
-
打包filemanager-webpack-plugin的报错和解决
前言filemanager-webpack-plugin插件的使用方法:vue-cli@3.0 直接打包成zip压缩文件正文使用"npm i"命令安装所有依赖,然后使用“npm run serve”命令运行本地服务器,但是不能正常启动,报以下错误:原因项目使用了叫作filemanager-webpack-plugin的webpack插件,目的是为了在进行打包的时候,直接把打包结果dist文件夹压缩,变成dist.zip文件。调用代码位于vue.config.js下:const FileMan原创 2021-04-20 22:56:44 · 2603 阅读 · 0 评论 -
VSCode 报错 Parsing error: x-invalid-end-tag
问题出现原因{ "message": "[vue/no-parsing-error]\nParsing error: x-invalid-end-tag.", "source": "eslint-plugin-vue", "startLineNumber": 10, "startColumn": 82, "endLineNumber": 10, "endColumn": 82}解决办法"vetur.validation.template": false,...原创 2021-03-20 16:16:01 · 451 阅读 · 0 评论 -
Module not found: Error: Can‘t resolve ‘sass-loader‘ in E:\IdeaProject\xinguan\xinguan
Module not found: Error: Can’t resolve ‘sass-loader’ in E:\IdeaProject\xinguan\xinguan错误写的比较直白了。缺少sass-loader,我们只需要按照使用要求安装指定插件即可。npm install sass-loader -Dnpm install node-sass -D第二个安装时间稍长,耐心等待一下。萌新专属扩展:-D => --save-dev,另外还有一个 -S => --原创 2021-01-30 17:26:45 · 6294 阅读 · 1 评论 -
node-sass 下载失败 解决方案
安装失败的原因是node-sass下载的地址不对,正确的地址是在这个目录下:https://github.com/sass/node-sass/releases而非https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-59_binding.node但是如果不番茄还是很难下载下来。解决方案:安装时指定镜像源npm i node-sass --sass_binary_site=https://npm.taobao原创 2020-12-16 23:23:56 · 215 阅读 · 0 评论 -
Vue 结合Element UI 实现导航的 router 属性 expected boolean,got string
转自:https://blog.csdn.net/lindonglian/article/details/77532941为了能通过el-menu-item的index实现动态路由跳转,得将el-menu的router设为true,默认是false代码实现是这样的转载 2020-07-21 22:33:05 · 165 阅读 · 0 评论 -
VSCode生成.vue模版
文件–>首选项–>用户代码片段–>点击新建全局代码片段==>取名vue确定粘入自己写的.vue模板{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div>", .原创 2020-07-20 19:09:02 · 150 阅读 · 0 评论 -
vue不是内部或外部命令
作为一个vue小白,最近为vue安装真是操碎了心。无论怎么查找网上的教程,还是解决不了“vue不是内部或外部的命令”诸如此类的问题。好在功夫不负有心人,终于在多次的试验下,成功解决了这个问题。第一种情况:vue不是内部或外部命令 :首先确定是否安装了node.js 和 全局vue-cli ;如果没安装 步骤如下:1.访问Node.js官网(https://nodejs.org/en/download/)进行安装包下载。2.如果是用安装程序进行安装,在安装过程中会自动进行Nodejs环转载 2020-07-20 15:55:26 · 4264 阅读 · 2 评论 -
使用vue脚手架模块化开发
npm install webpack -gnpm install -g @vue/cli-initvue init webpack vue-demo原创 2020-07-20 15:46:37 · 109 阅读 · 0 评论 -
(第三篇)组件化
组件化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../node_modules/vue/原创 2020-07-19 20:13:43 · 90 阅读 · 0 评论 -
(第四篇)Vue生命周期
生命周期<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../node_modules/vue原创 2020-07-19 20:09:30 · 95 阅读 · 0 评论 -
(第二篇)Vue计算属性、侦听器、过滤器
1.计算属性和侦听器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../node_modul原创 2020-07-19 20:04:50 · 200 阅读 · 0 评论 -
(第一篇)Vue指令集
1. v-text、v-html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script sr原创 2020-07-19 19:59:24 · 166 阅读 · 0 评论