本文主要介绍vscode中 vue项目es-lint的配置，有任何错误的地方欢迎大佬指出 开始 安装插件 如图所示： vscode设置 安装完成之后，到vscode中的 文件-->首选项-->设置 中 添加如下代码 "eslint.autoFixOnSave": true,"eslint.validate": ["javascript","javascriptreact","html",{"language": "html","autoFix": true},{"language": "vue","autoFix": true}] autoFix表示自动格式化代码，简直不要太好用~~ es-lint配置...
用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。路由的基本实现<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatib...
Vue-cli3 搭建的项目 界面想对之前较为简洁之前的build和config文件夹不见了，那么应该如何配置 如webpack等的配那只需要在项目的根目录下vue.config.js 文件（是根目录，不是src目录语法module.exports = {// 基本路径baseUrl: /,// 输出文件目录outputDir: 'dist',// eslint-loader 是否在保存的时候检查lintOnSave: true,// use the full build with in-browser compiler// https://vuejs.org/v2/guide/installation.html#Runti...
1.GET 请求 //向具有指定ID的用户发出请求 axios.get(/user?ID=12345) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); // 也可以通过 params 对象传递参数 axios.get(/user, { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });2.POST请求 axios.post(/user, { firstName: Fred, l...
一，准备工作 1.下载node.js 和 npm 2.将镜像源替换为淘宝镜像 二，创建项目 1.vue环境搭建 创建目录resume 1）npm init -y 2）npm install vue-cli -g (安装vue-cli ) 3）vue init webpack --dirname(为空时默认当前目录) 输入命令后，会询问我们几个简单的选项，我们根据自己的需要进行填写就可以了。 Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写，所以我把名称改成了vueclitestProject d...
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill安装成功之后,在main.js第一行引入 import babel-polyfill安装引入成功之后，如果项目还不能正常运行则需要安装babel进行解析（推荐阮一峰老师的文章https://www.gxlcms.com/article/141931.htm）我自己是安装了babel-preset-es2015和babel-pres...
大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环境就方便了 npm run serve //默认本地开发环境 npm run serve -sit //本地开发中使用sit环境 npm run serve -uat //本地开发中使用uat环境 npm run build //默认打包后使用生产环境 npm run build -local //打包后使用本地环境 npm run build -sit //打包后使用...
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常对这个都不陌生,用这个最多的基本就是我们配置ajax请求的域名头了, if (process.env.NODE_ENV === production) {axios.defaults.baseURL = http://customer.medsci.cn } 通常会有测试服务器和正式服务器环境之分,我们...
概述 在使用Django+Vue开发过程中，遇到了很多开发环境相关的问题，比如跨域，比如ajax请求参数等，本篇文章主要记录解决在开发过程中，遇到的一些问题。 跨域不带Cookie在使用Vue脚手架开发的过程中，会使用Vue脚手架自带的Server进行项目调试，Vue自带的Server支持 hot reloading ，这个特性是非常好用的。但是在开发过程中，因为要与后端交互，所以在请求后端接口的时候，会遇到跨域问题，这个问题在一些职责划分清楚的团队并不...
vue-router 的默认数据hash模式-使用url的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。 一般情况下，我们不喜欢丑丑的hash，类似于index.html#/matchResult，可以使用路由的history模式。history模式是利用history.pushState API来实现页面跳转。 但是有个问题，在使用nginx的时候，我们需要添加一些配置。 直接配置在根路径下直接配置在根路径下，访问的时候只用输入http://yoursite.com，在nginx的配置如下 lo...
引入sass首先使用官方提供的脚手架vue-cli进行搭建框架，这里就不做说明了，查阅官网即可。 等安装完所有依赖后，安装sass的依赖包： npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass然后在build文件夹下的webpack.base.conf.js的rules里面添加配置： {test: /\.sass$/,loaders: [style, css, sass] } 然后添加csslang属性。注意，这里是scss，而且css文件的后缀也是scss： <s...
项目开发中，前端在配置后端api域名时很困扰，常常出现:本地开发环境: api-dev.demo.com测试环境: api-test.demo.com线上生产环境: api.demo.com， 这次是在Vue.js项目中打包，教大家个方法： 使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改： 新增：HOST: "dev" use strict const merge = require(webpack-merge) const prodEnv = require(./prod.env)mod...
什么是vue-loader 这是我入职第三天的故事，在写这篇文章之前，先来看看咱们今天要讲的主角——vue-loader，你对它了解多少？这是我今天的回答，确实，vue-loader是webpack的一个loader，用于处理.vue文件。.vue 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块 <template>、<script>和 <style>。 vue-loader 会解析文件，提取每个语言块，如有必要会通过其它 loader 处理（...
做移动端项目的话vue现在是首要的选择，足够轻便，文档足够全，当然用的人多，项目中遇到的坑别人可能也遇到过，解决起来也比较方便，至于在开发中做需要的移动端组件库，个人比较推崇vux。 其实项目里组件库可以结合起来使用，因为不管是vux，Mint-ui,Muse-ui等等各有各有的优势，今天就只分享下vue项目中如何配置vux。 1.项目里安装vux npm install vux --save 2.安装vux-loader（vux2必须结合vux-loader使用，本文也只是介绍vu...
本文适用人群： 会使用 vue-cli 搭建一个基本的 vue webpack 项目，本文的目录结构基于 webpack 模板结构懂得 axios 基本用法问题导向 日常开发中，前端经常需要通过 ajax 从后端获取数据。而在这种前后端分离的开发模式下，往往前端项目与后端项目的 IP地址、端口号、协议 大概率是不一样的，由于浏览器的安全策略设定，不进行相应配置的话，前端的请求就会被浏览器拦截掉啦。 假设某个页面组件在加载的时候会向后端发送一个请求，...