vue-cli 3构建项目
vue-cli3以后对很多命令做出了改动，但是为了用户平滑过渡，依然支持vuecli2的命令1、创建vue项目，到要创建的目录，打开cmd输入命令：vue create 项目名然后选择配置，你可以选择基本Babel + ESLint设置附带的默认预设，也可以手动选择功能配置。（按上下 ↑↓ 符切换）2、我先选手动配置，手动配置也...
2024-01-10
vue cli3 项目配置
【转】https://juejin.im/post/5c63afd56fb9a049b41cf5f4基于vue-cli3.0快速构建vue项目本章详细介绍使用vue-cli3.0来搭建项目。 本章使用vue-cli3.0构建的项目是基于webpack的模板文件，构建后的项目属于单页面（SPA）应用。因此，该文档后续操作与说明不适用于构建一个多页面应用。相比于之前有如下优点：功能丰...
2024-01-10
vue使用vue-cli创建项目
安装运行环境（node和npm）安装vue-cli（查看是否安装成功vue -V）安装webpack新建项目1、vue init webpack 项目名称2、配置项目有关的信息（项目名称，开发者，描述，安装路由，使用eslint代码规范，测试单元）3、下载依赖模块后会出现启动项目的提示命令4、进入项目的文件夹下，，使用npm run dev来运行...
2024-01-10
vue-cli项目中引入第三方插件
最近有小伙伴问道如何在vue-cli项目中引入第三方插件或者库，例如如果想在项目中使用jQuery中的Ajax请求数据呢？或者我想使用Bootstrap框架呢？等等这些问题，本篇博客将带你学习如何引入第三方插件或者库(仅仅只是一部分，如果没有您想要的可以自行百度)，那么一起来看看吧！本章目标学会vue-cli...
2024-01-10
vue-cli 手机上浏览自己的项目
首先我们需要更改config文件拿我这个项目举例子，config文件下的index.js内的dev下的host需要更改为自己的电脑IP其次，重点来了，我们需要更改路径，细节的为什么我还解释不来，简单来说就是加个点，从根目录开始变为从当前目录开始：如图，build下的assetsPublicPath默认是 ：assetsPublicPath: '/'更改为as...
2024-01-10
手把手教你用vue-cli搭建vue项目
手把手教你用vue-cli搭建vue项目本篇主要是利用vue-cli来搭建vue项目，其中前提是node和npm已经安装好，文章结尾将会简单提到一个简单的例子。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来，所以其中的一些步骤说法为了表达正确会进行一定参考。一、 项目使用技术、框架简单介绍我们...
2024-01-10
如何安装vue-cli脚手架，并启动项目
一，安装nodejs 官网下载，傻瓜式安装即可，安装完之后cmd 控制台输入node显示版本即为安装成功。二，安装cnpm，npm是nodejs 的包管理器，管理项目依赖，cnpm 是npm的淘宝国内服务器，使用cnpm下载速度快。安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org三，安装vue-cli 安装命令 cnpm install -g @vue...
2024-01-10
vue-cli4.0 + TS 创建新项目
前言科技总是在进步，技术也要往前走，所以这不是开始学习TS了，Java还在学习基础中，前端真的是变化莫测，所以开始吧新的学习路程：第一步，如果你之前没有装vuecli，可以直接执行下面命令npm install --global @vue/cli注：这里我install 的时候不成，于是我用的是 cnpm install --global @vue/cli如果之前装...
2024-01-10
vue之cli脚手架项目中组件的使用
在webpack-simple模板中，包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢？因为webpack干活了！webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html（template）、css、js文件通过模板编译的方式将这些文件打包成一个.vue的文件。为什么在vue-cli项目中能使用.vue的文件？比如有...
2024-01-10
在vue-cli创建的项目中使用sass操作
安装sass-loader node-sasscnpm install sass-loader node-sass -D-D是--save-dev的缩写安装之后有的会报错：this.getReslove is not a function....这时因为sass-loader的版本太高的原因，在package.json 长修改sass-loader的版本低于8.0,删除node_modules文件加，重新安装就ok了补充知识：vue-cli的项目 style lang="scss" 写 scss样式报错报错...
2024-01-10
如何在基于vue-cli的项目自定义打包环境
在工作当中，遇到了下面这个问题：测试环境与生产环境中的用户权限不一样，因此，就需要根据测试环境打一个包，生产环境又打一个包。可是，如果每次打包都需要更改权限的配置文件的话，会很麻烦，而且，体现不出一个coder该有的逼格。为了更有逼格地解决这个问题，于是我百度了一番，...
2024-01-10
vue-cli项目打包出现空白页和路径错误问题
vue-cli项目打包：1. 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。解决：到config文件夹中打开index.j...
2024-01-10
vue-cli项目代码提交仓库校验没使用的对象
在构建vue-cli 脚架的时候会提示是否使用eslint校验代码,而当使用eslint后，提交代码你会发现，只有文件里面有没有使用的变量，对象，或者参数的时候，代码是提交不了仓库的，会报错类似下面的错误，错误就是这个对象或者变量未定义或者使用一个就是关闭 eslint 校验一个就是在 .git文件删除掉 pre...
2024-01-10
vue-cli3项目升级到vue-cli4笔记
这是我对以前配置升级，主要把vue-cli3项目升级为vue-cli4，并删除一些过时插件。插件版本升级到当前(2020-03-19)最高版本（升级了很多webpack插件版本），升级完后新加多域名代理配置按着官方的文档升级来也会碰到很多坑，配置完可直接使用。主要功能包括webpack 打包扩展css：sass支持、normalize.css...
2024-01-10
vue-cli 的项目把兼容性降低会出现无法打包
// .browserslistrc> 1%// main.tsconst obj = ({} as any);obj.a = 1;obj.b = '2'obj.c = {a: 3}console.log(obj, obj?.a, obj?.b, obj?.c?.a)// .eslintrc.jsmodule.exports = { root: true, env: { ...
2024-03-05
详解vue-cli项目在IE浏览器打开报错解决方法
首先要知道VUE官网已表明仅支持IE8以上版本（不包括IE8），css弹性布局flex各浏览器支持如下:假如项目用到弹性布局，则项目仅支持IE10以上版本。另外兼容其他低版本的，请另寻它法。网上说的本人试了都是没用的，下面是亲自试验的解决方法。1. 问题 ：ie浏览器打开vue2.0项目空白,控制台报错 vuex ...
2024-01-10
vue-cli的webpack模板项目配置文件分析
build文件夹分析首先来看执行”npm run dev”时候最先执行的build/dev-server.js文件。该文件主要完成下面几件事情：检查node和npm的版本、引入相关插件和配置webpack对源码进行编译打包并返回 webpack compiler实例对象创建express服务器配置开发中间件（webpack-dev-middleware）和热重载中间件（webpack-hot-middleware）...
2024-01-10
vue-用Vue-cli从零开始搭建一个Vue项目
Vue是近两年来比较火的一个前端框架（渐进式框架吧）。 Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的关注D...
2024-01-10
快速解决vue2+vue-cli3项目ie兼容的问题
刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错sockjs报错 控制台会一直报这个错，sockjs-node 是一个JavaScript库，提供跨浏览...
2024-01-10
（一）创建项目——vue-cli3实例：电商分类网页
教程跟学——实例部分：https://www.imooc.com/learn/1173代码：稍后上传github本系列博客仅为教程跟学时碰到的一些问题和总结的记录卸载vue-cli 2.9npm uninstall vue-cli安装vue-cli 3npm install -g @vue/cli创建项目npm create projectname根据需求配置 Q:gitbash无法用上下键移动光标A：Q: gitbash 如何清屏？A: 1) ctrl + L...
2024-01-10
【Web前端问题】vue-cli的项目在ie9下面挂了
下载了babel-polyfill并在webpack.base.conf.js配置了app: ["babel-polyfill", "./src/main.js"]，但在ie9下面还是报错，数据还是请求不成功。跪求大神帮忙解决回答：IE9不支持CORS，加垫片也无法让IE9支持CORS，配置dev-server的proxyTable代理使SPA和API变成同域的回答：你这个保存确定不是跨域的吗？？回答：你用vue框架测IE9...
2024-01-10
使用vue-cli构建工具构建vue项目时候组件的使用
<template> <div class="contains"> <!-- <div class="main"> <swiper :options='swiperOption' :not-next-tick=''></swiper> </div> --> <slide > <div v-for="(item,index) in banner" :data='sliderarr' :key="item+index">...
2024-01-10详解使用vue-cli脚手架初始化Vue项目下的项目结构
vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。使用vue-cli有以下几大优势：vue-cli是一套成熟的Vue项目架构...
2024-01-10
Vue项目中v-bind动态绑定src路径不成功
问题：在做Vue项目的时候，由于项目需求，需要动态绑定img的src时，突然发现如果说是直接请求后台接口的图片地址就能显示，但是直接动态绑定img的src的图片的相对路径或者是绝对路径的时候，图片不能显示。当在给数据MyimgSrc 设置绝对路径或者是相对路径时应该使用require引入才能成功 currentSr...
2024-01-10
