
VUE
shaynerain
欢迎交流shaynerain@163邮箱
展开
-
Element修改主题色修改scss变量法
文档中已经给出几种方法https://element.eleme.cn/#/zh-CN/component/custom-theme这里使用修改SCSS文件变量法新建scss文件 element-variables.scss/* 改变主题色变量 */$--color-primary: teal;/* 改变 icon 字体路径变量,必需 */$--font-path: '~element-ui/lib/theme-chalk/fonts';@import "~element-原创 2021-07-27 18:35:58 · 1907 阅读 · 0 评论 -
SCSS引入外部图片
使用绝对路径background: url("~@/assets/img/settings.png");原创 2021-07-27 18:34:53 · 1431 阅读 · 0 评论 -
VUE手脚架vuecli4 create方式创建
简介上一篇中(https://blog.youkuaiyun.com/shaynerain/article/details/119150417)使用了旧的模板进行创建,现在vuecli4中使用create,个人感觉create比init webpack,要好一些,在create中提供了更多的安装模块,并且已经内置webpack,不需要在单独配置,手脚架工具的目的就是方便我们创建,所以何乐而不为呢使用如果已经使用过init创建,那么直接vue -h查看便可自行创建我的过程vue creat.原创 2021-07-27 18:34:19 · 303 阅读 · 2 评论 -
vue代码规范提示错误,建议规范代码
http://eslint.org/docs/rules/keyword-spacing Expected space(s) after "ret这时启用了ESLint,代码分析,当风格不统一也会报错,需要按照要求该空格的空格,该单引号的单引号如果想要关闭直接屏蔽下面的这句话,在build->webpack.base.conf.js中...原创 2021-07-27 18:26:58 · 1765 阅读 · 0 评论 -
vue打包后如何本地打开,init和create两种方式
第一种使用vue init创建的项目Opening index.html over file:// won't work.在config->index.js中修改build中的内容把assetsPublicPath: '/'改成assetsPublicPath: './'本地打开后CSS文件中图片资源无法加载在build->utils.js中添加publicPath: "../../"注意查看是在fallback: 'vue-style-load..原创 2021-07-27 18:26:14 · 644 阅读 · 0 评论 -
VUE中添加elementUI
安装npm install element-ui --savemain.js中添加引用import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)目前(2021.4.20)elementUI还不持支Vue3,如果选择创建使用的Vue3需要更换成Vue2报错信息如下Uncaught TypeError: Cannot read prope原创 2021-07-27 18:24:00 · 2000 阅读 · 0 评论 -
VUE脚手架vue-cli4 init方式创建
脚手架工具是什么简单理解就是搭建平台所需要的工具,更好更快的搭建开发代码工具平台安装npm install -g @vue/cli使用vue init <template-name> <project-name>通常 template-name使用的是webpack生成目录详解 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以原创 2021-07-27 18:22:45 · 355 阅读 · 0 评论