vue-cli2和cli3版本的区别不同

vue-cli2和vue-cli3的区别

https://www.cnblogs.com/webdragon/p/11025921.html

网上很多vue-cli2和vue-cli3混合在一起的博文, 但大部分都没写是哪个版本的

vue-cli3的两种创建方式: vue ui 和 vue create 项目名
vue-cli3相比vue-cli2少了很多配置. build、config这些配置文件不开放了。但可以在根目录下创建一个 vue.config.js 文件存放配置。https://cli.vuejs.org/zh/guide/webpack.html

---

process.env

process.env.NODE_ENV - 会是 “development”、“production” 或 “test” 中的一个。具体的值取决于应用运行的模式。
process.env.BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符，即你的应用会部署到的基础路径。

---

vue技术栈

less

1. npm i less less-loader -D
2. vue文件中 <style lang="less" rel="stylesheet/less" scoped>即可使用

element-ui

1. npm i element-ui -S 或 vue add element
2. 全部导入 (不推荐):
   在main.js下

   import ElementUI from 'element-ui';
   import 'element-ui/lib/theme-chalk/index.css';
   Vue.use(ElementUI);
   

3. 按需导入 (推荐, 但按需导入全部和全部导入一样):
   在 vue文件的script顶部

   import Vue from 'vue'
   import { Button, Select } from 'element-ui'
   Vue.use(Button)
   Vue.use(Select)
   /* 或写为
   Vue.component(Button.name,Button)
   Vue.component(Select.name,Select)
   

axios

1. npm i axios -S
2. 在main.js下

   import axios from 'axios'
   Vue.prototype.$http = axios
   

axios & vue-axios

1. npm i axios vue-axios -S
2. 在main.js下

   import vueAxios from 'vue-axios'
   import axios from 'axios'
   Vue.use(vueAxios,axios)
   // 基础请求路径。非生产环境 && 开启代理, 接口前缀统一使用[/api]前缀做代理拦截!
   axios.defaults.baseURL = process.env.NODE_ENV !== 'production' ? process.env.VUE_APP_BASE_API : process.env.VUE_APP_SERVER_URL;
   // 超时时间
   axios.defaults.timeout = 100000
   // 跨域请求，允许保存cookie
   axios.defaults.withCredentials = true
   // axios.defaults.headers = {'Content-Type': 'application/json; charset=utf-8'}
   axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=utf-8'
   

本文地址：https://blog.csdn.net/ef_ef/article/details/109879687