前言:因为最近需要开发新的项目,需要新搭项目架构,于是,想使用最新的vue-cli3.0来搭建新项目了!区别:3.0和2.0区别还是蛮大的1.主要是build.config关于webpack的配置文件夹没有了2.那我们要配置自己的webpack,如何配置呢?这里不得不提到vue.config.js 官方文档了构建安装:按照下面的步骤安装就可以了vue-cli官网Vue-cli3初体验干
转载 2023-05-17 21:52:15
49阅读
官网 https://cli.vuejs.org/zh/ ie11 的问题 https://stackoverflow.com/questions/52056358/vue cli 3 project not working on ie 11 Install babel polyfill using
原创 2021-07-22 18:11:25
346阅读
1、如果之前有全局安装过vue-2,先卸载掉cnpm uni -g vue-cli2、安装vue-cli3cnpm install -g @vue/cli3、可以使用vue ui 进入图形界面创建项目4、也可以使用命令行进行创建   
转载 2021-05-10 19:45:45
274阅读
2评论
vue-cli2 和vue-cl
转载 2019-06-18 13:51:00
193阅读
2评论
vue脚手架3出来有一段时间了,相比之前2,cli3文件更为简洁了许多,关于webpack的配置文件config,build已经被删除,若是需要进行配置需要自己手动建立一个vue.config.js,在里面可以进行配置,具体参数详见官网:https://cli.vuejs.org/zh/config/#vue-config-js这里着重讲一下vue-cli3如何使用less进行开发,cli3使用...
转载 2021-08-13 18:31:31
374阅读
vue-cli3.0 没有webpack.config.js 配置文件:所以在一些博客教程中是说的在webpack.config.js 里面添加var webpack=require(‘webpack’);这样e.json 文件内的
原创 2023-05-10 14:56:14
50阅读
一、安装插件npm i postcss-pxtorem lib-flexible -D二、postcss.config.jsmodule.exports = { plugins: { 'autoprefixer': { browsers: ['Android >= 4.0', 'iOS >= 8'] }, '...
原创 2022-01-10 15:42:42
134阅读
1.使用cdn引入不改变的第三方库const cdn = { // 忽略打包的第三方库
转载 2022-08-18 03:24:43
108阅读
一、安装 @vue/cli vue-cli2.x.x 版本安装 npm install -g vue-cli # OR yarn global add vue-cli vue-cli2.x.x 版本卸载 npm uninstall -g vue-cli # OR yarn global remove vue-cli  更新到 3.x 之后,vue-cli 的包名从 vue-cl
module.exports = { publicPath: "./", // ./相对路径 productionSourceMap: false,// 打包时不生成.map文件 devServer: { open: true, proxy: { '/dev-api': { target: 'htt ...
转载 2021-09-20 19:21:00
183阅读
2评论
1.如果你不在构造函数中声明private的变量,那么久会提示错误。2.
转载 2019-07-12 09:01:00
104阅读
2评论
创建项目配置环境变量  通过在package.json里的scripts配置项中添加--mode xxx来选择不同环境  在项目根目录中新建.env, .env.production, .env.analyz等文件  只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中,代码中可以通过process.env.VUE_APP_BASE_API访问  NODE_ENV 和 BASE_URL 是两个特殊变量,在代码中始终可用.env
原创 2020-10-16 13:40:53
135阅读
1.事前工作 1)提前安装GitHub下载工具(这里建议在项目文件夹中使用cmd操作-因为git的窗口没法上下选择操作) 2)打开vue-cli官网https://cli.vuejs.org/zh/guide/installation.html 3)使用配置淘宝的国内路径(可以查看https://w ...
转载 2021-07-22 11:28:00
82阅读
2评论
文档:https://cli.vuejs.org/zh/guide/ 条件: npm 更至最新 node >=8.9 1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli 2.查看版本/是否安装成功 vue -V image.png 3.
转载 2019-04-17 19:05:00
42阅读
2评论
创建项目配置环境变量  通过在package.json里的scripts配置项中添加--mode xxx来选择不同环境  在项目根目录中新建.env, .env.production, .env.analyz等文件  只有以 VUE_APP_ 开头的变量会
原创 2020-10-16 13:40:53
110阅读
1.卸载vue-cli2 npm uninstall vue-cli -g 2. 安装vue-cli3 npm install -g @vue/cli 3. 创建vue-cli3项目 vue create vue-test3 4. 启动项目 ...
转载 2021-08-10 17:16:00
138阅读
2评论
首先通过npm方式下载animate.css(这里需要注意的是,vue官方使用的是3.5版本,所以我们在下载的时候需要指定版本,如果直接使用npm install animate.css下载将会无效) npm install animate.css@3.5.1 --save 在main.js中引入 ...
转载 2021-08-29 22:16:00
210阅读
2评论
需求 首先介绍一下本项目的背景,是基于 vue-cli3.1.1 的单页应用,目前测试环境和生产环境都在线上,并且都在同一个域名下,其中生产环境部署在根目录下,测试环境部署在名为 test 的子目录下,根据生产环境和测试环境的不同,某些界面和交互有细微的差别。 根据以上项目的基本情况,分析出需求如下
转载 2020-12-14 13:11:00
80阅读
2评论
通常父子组件之间是需要相互传数据的。 父组件向子组件传数据 1,父组件App.vue传递数据menu: 'aa'给子组件的ret <templat
原创 2022-08-22 16:58:45
76阅读
之前使用的vue-cli2的是否可以在创建项目时直接引入vue-router,但是现在Vue-cli3新建项目后却少了很多东西,我们需要自己来安装
原创 3月前
18阅读
  • 1
  • 2
  • 3
  • 4
  • 5