sun_chen_93的博客

元气满满，直接干！如果在创建项目时选择了eslint，而你又无法驾驭它，噩梦就开始。各种报错，让你非常难受！这时我们就要关闭eslint，过程非常简单。1. 在项目根目录下创建 `vue.config.js` 作为配置文件2. 添加以下配置：modelu.exports = { lintOnSave: false, devServer: { overlay: { warning: false, errors

元气满满，直接干！开发项目时，给的测试接口需要跨域，这就非常难受！在vuecli中，可以通过配置请求代理，解决接口跨域问题。配置过程很简单。1. 在根目录下添加 `vue.config.js` 作为配置文件2. 添加以下配置：module.exports = { //配置 运行和打包时的文件路径 publicPath:process.env.NODE_ENV==='production'?'./':'/', devServer:{ // 设置服务器路由（app为express

元气满满，直接干！在使用vuecli4开发项目时，如果需要自己开发服务器测试项目，单独编写一个服务器，非常难受！这时，我们可以在vuecli4中直接进行服务器 开发。过程极其简单。1. 在根目录下添加 `vue.config.js` 作为配置文件2. 添加以下配置module.exports = { //配置 运行和打包时的文件路径 publicPath:process.env.NODE_ENV==='production'?'./':'/', devServer:{ //

元气满满，直接干！使用vuecli4进行项目打包时，默认使用的是根目录的方式，这样打包直接项目直接运行就是一个大白屏，非常难受！这时我们就需要在设置打包使用相对目录的方式，设置过程非常简单。1. 在vuecli跟目录下添加 `vue.config.js`作为配置文件2. 添加以下配置：module.exports = { //配置 运行和打包时的文件路径 publicPath:process.env.NODE_ENV==='production'?'./':'/', devSer

元气满满，直接干~~假设我们创建项目时选择的是scss，但是项目中我们突然想要使用less,直接使用的话就会报错，非常难受。这时我们需要做的非常简单，只需要在项目中安装`less`和`less-loader`两个包即可。`npm i less -D``npm i less-loader@5.0.0 -D`注意less-loader要使用第版本，直接默认安装高版本依然报错。-----同理，当我们想要手动添加scss时，只需要安装 `sass`和`sass-loader@8.0.2`

元气满满，直接干~~~移动端使用vw实现响应式布局时，需要自己计算vm的数值，非常难用！什么是vw：默认将屏幕宽度分为100份，1vw = 一份。在vuecli4中使用一个插件，让我们在开发时照常写px，而插件可以将px自动转换vw。非常好用！1. 下载 ` npm i postcss-px-to-viewport -D `2. 在项目根目录下创建 `.postcssrc.js ` 作为配置文件3. 添加以下配置：const path = require('path');.