如果想开发移动端项目,那么适配的时候sass必不可缺,但是 npm  安装sass时候总是报错失败! 研究半天发现可以解决的方法,亲测有效 1.先换成淘宝镜像再安装 npm install -g cnpm --registry=https://registry.npm.taobao.org (安装淘宝镜像)用淘宝镜像快!而且安装的时候减少出错! cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader --s

如何在VUE项目中添加ESLint 1. 首先在项目的根目录下 新建 .eslintrc.js文件,其配置规则可以如下:(自己小整理了一份),所有的代码如下: // https://eslint.org/docs/user-guide/configuring module.exports = { //此项是用来告诉eslint找当前配置文件不能往父级查找 root: true, //此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使

这里的特殊字体,指的是一般用户电脑未安装到本地的字体,要引入这样的字体,首先需要把字体文件下载下来. 就像上图这样的,ttf格式的,然后在项目里添加它. 然后我们在font.css里用@font-face规则引入这个字体文件并命名它. 然后在App.vue里的style导入它: 然后在任意组件中就可以使用了,效果如下:

参考:https://segmentfault.com/a/1190000012019019?utm_source=tag-newest 使用iview框架的MenuGroup标签,vscode报红,提示如下 [eslint-plugin-vue] [vue/no-parsing-error] Parsing error:x-invalid-end-tag 这个时候,把MenuGroup标签改成menu-item标签 还有问题,继续往下看 在vue的项目里新添加ESLint 有的时候,早期的时候

在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面,但是我的vue项目没有public,就只好放在static里面了,这样可以不经过vue的路由 2.然后就是开本地服务器,当然,是基于node的, 1)可以在这里下载 https://nodejs.org,安装完成后可以在控制台输入:node -v 查看版本号 2)下载http-server:在控制

从网上找了很多例子关于单元测试,都是如何新建项目的时候的添加单元测试,用vue-cli中怎么添加,但是我的项目已经生成了,不能再一次重新初始化,这时如何添加单元测试,这里面遇到了好多坑,写在这里记录一下心得. 1.用vue-cli生成一个新的项目,把单元测试需要的文件直接复制到你的项目中 vue init webpack vuetest 2.安装Karma+Mocha模块,这个模块依赖比较多,我在遇到了坑,解决问题半天发现缺少了某个模块,在这里全部列出需要的模块 npm i -D karma k

mock-server 在新项目开始的时候,后端框架还没有,前端就有能够自己操作的模拟数据的服务是可以有的 express-mockjs 是楼教主结合 express+mock-lite 造的一个轮子,可以快速的帮助我们在本地搭建一个 mock 服务器 相关资料: express-mockjs mock-lite express 安装 express-mockjs 到项目 安装 express-mockjs(v0.4.9): npm install express-mockjs --save-d

安装 axios npm install axios --save 创建实例 (utils/fetch.js) axios 默认提交格式为:application/json 可使用 qs 模块(需要安装)转换后提交格式为 application/x-www-form-urlencoded 通过设置 transformRequest 属性 data => qs.stringify(data) 可以正常表单形式提交 import axios from 'axios' const instance =

1. 选择需要的图标,添加到购物车 2. 打开购物车,添加至我的项目 3. 打开项目列表 - 更多操作 - 编辑项目 修改FontClass/Symbol前缀,自定义一个名称,例如:v-icon-custom 4. 点击下载至本地,解压文件后 将里面各个文件(除去demo_index.html和demo.css)复制到 src/assets/icons 下: 5. 打开 iconfont.css, 作如下修改 @font-face {font-family: "iconfont"; s

可以在.vue文件中定义局部使用的过滤器 export default{ data(){ return [] }, filters:{ toUpperCase:function(value){ return value.toUpperCase(); } } } 如果希望所有的.vue文件都可以使用就可以注册全局过滤器 Vue.filter('toUpperCase',function(value){ return value.toUpperCase(); }); 如果过滤器比较多,可以把所有的过

第一步,在百度地图开放平台 申请密钥 (如果有密钥可以省略此步骤,朋友有也可以借) 地址:http://lbsyun.baidu.com/ 第二步,创建应用并填写表单(下面链接可参考) http://jingyan.baidu.com/article/363872eccda8286e4aa16f4e.html  这个是我的密钥,不过个人觉得没用因为没认证,没认证的密钥使用会有提示 第三部,在百度地图开放平台 底部有 地图快速生成工具 点击进入选择好你的位置资料 然后点获取代码 如果你想在你的网站

1.写一个提示框组件:msg.vue (注明:这里用两个div的原因是成功和失败的提示不能用同一个div,因为他们可能紧接着出现,所以不能从始至终只有一个提示框在工作) 2.写一个调用此组建的js :msg.js 3.在main.js中全局使用 4.在任意组件都可以调用 结果预览:

自己配置脚手架时候如何安装eslint语法规则, 第一步安装 官方推荐的安装包如下 eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node 在安装一个 eslint-plugin-html   //用于识别vue中html  注意 5.0以上不好使 第二步配置.eslintrc文件 第三步 如图配置 --ext就是指定检测的

作为一个刚刚接触前端不久的新人来说,熟悉了一种目录结构或者项目创建方法以后,恨不得一辈子不会变! 可是人要生活,就要工作,既然是打工,当然要满足雇佣者的要求. 今天我来说说 hbuilderX 这个开发软件,刚刚接触时,创建项目是这样的 对于当时创建新项目还是使用 cmd 命令窗口一步一步创建的我,这简直是天降福音啊,我立马就丢弃了先前使用的VS Code 转而使用 HBuilderX. 然而问题就来了: 运行项目 然而直接报错了!!我转念一想,依赖项什么的都没有怎么可能运行成功呢?(嘿嘿,难不

问题:有个西藏的项目因使用藏文,而出现乱码 (一开始不乱的,不知道后台怎么处理...后来不知道为啥,前端乱码了) 解决:字体ttf 格式已下载,在项目中全局引入了 @font-face { font-family: 'sunshine'; src: url("../fonts/sunshine.ttf"); } * { margin: 0px; padding: 0px; } html, body { background: #fff; font-family: "Micro

随着vue的越做越好,更多的开发者选择使用vue,本篇记录如何在vue项目中添加eslint. 首先第一种就是在vue项目创建初始时就选择了创建,随着初始化一起代入到了项目当中,那么要是一开始觉得eslint规范一直提示烦人没加而开发者多了想规范代码,如何添加呢? 首先第一步:在vue项目根目录下创建eslintrc.js ,在这个文件里写入团队所希望的eslint规范,比如说下面的这段 // https://eslint.org/docs/user-guide/configuring modu

目录 Vue项目环境搭建 Vue项目创建 重构项目依赖 1.需要转移的文件 2.重构依赖 pycharm配置并启动vue项目 vue项目目录结构分析 vue组件(.vue文件) 全局脚本文件main.js(项目入口) vue请求生命周期 vue组件的生命周期钩子 关于路由 1.路由配置 2.路由跳转 3.路由传参 Vue项目环境搭建 """ node ~~ python:node是用c++编写用来运行js代码的 npm(cnpm) ~~ pip:npm是一个终端应用商城,可以

目录 复习 Vue项目环境搭建 Vue项目创建 pycharm配置并启动vue项目 vue项目目录结构分析 vue组件(.vue文件) 全局脚本文件main.js(项目入口) 改写 vue项目启动生命周期(重点) 参与文件 main.js:该文件内容不变 App.vue views/RedPage.vue views/BluePage.vue 全局样式文件配置 assets/css/global.css 封装小组件 - Nav导航栏组件 components/Nav.vue views/Home

bug点,这个页面设置100%(100vw和100vh).页面出现抖动. 经过一番检察,原因出现在,vue项目自动添加的一个div上.就是body里的最后一个.如果选中这个元素,右键删除它.页面就不会抖动了. 说不定,这个元素还有什么用,所以不考虑有js删除.后来想到把他设置成position为fixed.让他 脱离文本流. 一看最外层的div没有class和id不好选中.但是发现子元素有,所以我们把子元素都设置成fixed就行了. 只要在你的重置样式里,加上这段css就可以了. #trans-

目录 1. vue环境搭建 2. Vue项目搭建 pycharm配置并启动vue项目 3 . 认识项目 1. vue项目目录结构 2. 配置文件:vue.config.js 3. main.js 4. vue文件 4.Vue生命周期(重点!!!!!!!!!) main.js render渲染函数 补充: 总结: 1. vue环境搭建 """ 类似于 vue -- Django node -- python npm -- pip """ node下

目录 Vue项目创建 pycharm配置并启动vue项目 vue项目目录结构分析 js原型补充 vue项目生命周期 页面组件 配置自定义全局样式 路由逻辑跳转 路由重定向 组件的生命周期钩子 路由传参 Vue项目创建 1) 进入存放项目的目录 >: cd vue_project 2) 创建项目 >: vue create v-proj 3) 项目初始化 输入npm run serve 初始化项目 pycharm配置并启动vue项目 1) 用pycharm打开vue项目 2) 添加配置npm启动