vue-cli 3构建项目
vue-cli3以后对很多命令做出了改动，但是为了用户平滑过渡，依然支持vuecli2的命令1、创建vue项目，到要创建的目录，打开cmd输入命令：vue create 项目名然后选择配置，你可以选择基本Babel + ESLint设置附带的默认预设，也可以手动选择功能配置。（按上下 ↑↓ 符切换）2、我先选手动配置，手动配置也...
2024-01-10
vue cli创建项目
我开始学vue了！我又要写傻瓜教程了。现在就是怎么用vue cli创建我的第一个项目。????前提是你已经下载安装配置好了nodejs，如果没有点这个：Node.js安装配置你已经会用npm了，如果不会看这个：npm入门教程然后打开你的cmd，或者其他支持cmd的命令行工具都可以。我就用cmd了。进入你要创建项目的...
2024-01-10
vue-cli创建vue项目
一、环境依赖安装1.在什么环境都没有的电脑上，首先是npm的依赖安装（百度上面教程很多，可自行搜索安装），可通过npm -v检查是否安装成功2.使用npm（需要安装node环境）全局安装webpack（注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g），打开命令行工...
2024-01-10
创建Vue-cli 项目
首先 : 安装Vue -cli 安装的时候注意要获取cmd的管理员权限router路由可以先安装好, 选择启动方式的时候要自己cd到创建好的文件夹,然后输入npm install(创建依赖) ,最后输入 npm run dev 启动项目,默认是不启动浏览器.可以在config的index.js文件内修改自动启动浏览器和端口号码autoOpenBrowser:true 修改为true表示...
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-cli项目中引入第三方插件
最近有小伙伴问道如何在vue-cli项目中引入第三方插件或者库，例如如果想在项目中使用jQuery中的Ajax请求数据呢？或者我想使用Bootstrap框架呢？等等这些问题，本篇博客将带你学习如何引入第三方插件或者库(仅仅只是一部分，如果没有您想要的可以自行百度)，那么一起来看看吧！本章目标学会vue-cli...
2024-01-10
vue-cli项目实现动态锚点定位
<template> <div id="app"> <header> <a href="javascript:void(0);" :class="active == \'#home\' ? \'active\' : \'\'" @click="toTarget(\'#home\')">首页</a> <a href="javascript:void(0);" :class="active == \'#team\' ? \'active\' : \'\'" @click="toTa...
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项目关闭eslint校验
简介eslinteslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。官方文档：https://eslint.org这篇文章总结了eslint的规则：Eslint规则说明关闭eslint校验有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太...
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-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 3 快速创建 Vue 项目
为了便于 Vue 项目的管理， Vue 团队官方开发了 vue-cli 工具。本文将带您使用 vue-cli 快速创建一个 Vue 项目。本地安装 vue-cli使用 npm 全局安装 vue-cli ：npm i -g @vue/[email protected]创建项目执行：vue create my-project会弹出如下界面：选择套餐此处有两个选择：default (babel, eslint) 默认套餐，提供 babel 和 es...
2024-01-10
vue项目中的ESlint报错相关
ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。但是有些时候这样的严格的校验未免显得有些严苛，以下介绍如何关闭ESlint:修改build\webpack.base.conf.js文件：然后在命令行中，重新npm run dev 启动项目即可...
2024-01-10
详解vue-cli项目在IE浏览器打开报错解决方法
首先要知道VUE官网已表明仅支持IE8以上版本（不包括IE8），css弹性布局flex各浏览器支持如下:假如项目用到弹性布局，则项目仅支持IE10以上版本。另外兼容其他低版本的，请另寻它法。网上说的本人试了都是没用的，下面是亲自试验的解决方法。1. 问题 ：ie浏览器打开vue2.0项目空白,控制台报错 vuex ...
2024-01-10
vue-用Vue-cli从零开始搭建一个Vue项目
Vue是近两年来比较火的一个前端框架（渐进式框架吧）。 Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的关注D...
2024-01-10
Vue-cli单文件组件和路由和项目的初始化
以。vue结尾的文件是单文件组件，以前是这么写Vue.conponet('childe',{}）什么叫做路由？就是根据网址的不同，返回不同的内容给用户展示给用户的是APP.vue里的内容在app.vue里<template> <div id="app"> <img src="./assets/logo.png"> <router-view/> </div></template>router就是路由，显示当前路由地址所对应的内容...
2024-01-10
快速解决vue2+vue-cli3项目ie兼容的问题
刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错sockjs报错 控制台会一直报这个错，sockjs-node 是一个JavaScript库，提供跨浏览...
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项目下的项目结构
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
vue打包项目的时候出现core-js错误
问题描述在打包之前出现这样的提示With `useBuiltIns` option, required direct setting of `corejs` option打包时出现如题所示的错误，这是在服务端上打包出现的问题，在本地可以正常打包。问题出现的环境背景及自己尝试过哪些方法出错环境：centos7 vue-cli3.5.1 npm5.6 node3.5.1使用框架:element-ui d2admin尝试过：删除nod...
2024-01-10
vue - 实战项目 - 在线翻译
本来打算今天上午把这个案例写好的，结果上午昏昏欲睡，毫无动力，中午吃完饭就打王者荣耀，玩到下午三点多，队友不给力，自己又太坑实在太累了就睡了一觉，醒来到了六点了，我去！好了，废话少说。我先介绍下这个案例--效果：左侧输入一种语言，右侧选择要转换的语言，点击翻译就可以得...
2024-01-10
