1.检测安装 vue-V 2.创建项目命令:(官网) 3.简单的配置信息 这里如果你是第一次用3.0版本的话,是没有前两个的,而只有最后两个,这里是 让你选的,第一个是默认配置,一般选第二个,自己配置,这里选择最后一个。---(文字对应上面图片) 在选择功能后,会询问更细节的配置, TypeScript: 是否使用class风格的组...
importaxiosfrom'axios'importconfigfrom'../config/index'// 路径配置// 创建axios 实例constservice=axios.create({baseURL:config.baseURL,// api的base_urltimeout:10000// 请求超时时间})// request 拦截器service.interceptors.request.use(config=>{// 这里可以自定义一些config 配置returnconfig},error=>{/...
本地代理配置 到 vue.config.js 中 module.exports={devServer:{proxy:{'/api':{//接口地址 以 a...
这时候会出现配置选择,通过方向键上下选择,回车确认。 继续方向键选择,按空格选中,选中如图三个选项,回车确认。 选择vue版本,这里我选2.x 然后输入y。 选择第二个。 最后选择是否保存当前的配置选择,输入y保存,输入n取消。保存后以后创建vue项目可以直接用保存好的配置,较方便。 这时候就创建完毕了。 第三步的另...
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统:是一个类似于create-react-app的可以用例命令行快速配置和生成一个 vue 项目。 CLI:@vue/cli全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖。构建于webpack和webpa...
进行入口文件的配置,在根目录下新建webpack.config.js: constpath=require('path') module.exports={ //模式开发模式 mode:'development', //入口文件main.js entry:{ main:'./src/main.js' }, //输出 output:{ //输出到dist文件夹 path:path.resolve(__dirname,'./dist'), ...
1.3 项目配置 1.4 导入插件、依赖 1.5项目运行 2.cmd创建 2.1 创建一个存放项目的文件夹,并于该文件夹打开cmd 2.2 创建项目 2.3 preset 2.4 手动选择特性 2.5 版本选择 2.6 保存为模板 2.7 代码规范 2.8 配置文件存放位置 2.9 保存为未来项目的预配置 ...
开发环境:创建 .env.development 文件,同时配置 .env.development 和 .env 同时存在,系统默认访问 .env.development 生产环境:创建 .env.production 文件;配置好了 .env.production 后使用 build,系统默认访问 .env.production 里面的全局变量 注意: 1.改变一次全局变量后。就需要重新 npm run serve 启动一次,否则...
我们这里用vue-router,可以在新建项目的时候,就默认配置啦,也可以后期在package.json->dependencies里面添加"vue-router": "^3.0.1"然后npm install 1,引入vue-router 在这里插入图片描述 2,配置路由 如下图所示,在文件夹 router 里面 index.js文件里面配置 ...
本章介绍vue框架搭配组件库的一些优化配置 step1--实现对Element-plus的按需加载 1、安装依赖 npm i element-plus // 自动导入需要的依赖 npm install -D unplugin-vue-components unplugin-auto-import 2、webpack配置 // webpack.config.jsconstAutoImport=require('unplugin-auto-import/webpack')constComponen...