vue-cli

vue buid.js文件详解

vue-cli脚手架build目录中的build.js配置文件，主要用于生产环境//此文件是在node环境中运行的，使用webpack的nodejsAPI实现自定义构建和开发流程的//---------
正在爆炸中·2022-02-04 23:57

Vue一、概念简介以及vue-cli脚手架初始化vue项目

vue官方文档vue-cli官方文档vue参考文章vue完整项目地址一、用vue-cli脚手架快速创建一个vue项目1、概念简介vue-cli简单来说就是一个快速构建vue项目的脚手架工具，大大降低了webpack
好一只帅卤蛋·2022-02-04 21:13

解决vue项目中的“Invalid Host header”

以下是百度之后得到的解决办法在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHost
O无为学长O·2022-02-04 20:00

vue3+TypeScript+vue-router的使用方法

目录简单使用创建项目vue-cli创建vite创建安装vue-router创建/修改组件修改入口ts启动vue在浏览器中访问文件结构图片综合使用动态参数使用watch监听动态参数使用组合API监听动态参数重定向命名与别名命名路由命名视图别名嵌套路由编程式路由简单使用创建项目
·2022-02-04 15:44

详解Vue项目的打包方式

目录一、相关配置情况一（使用的工具是vue-cil）情况二（使用的工具是webpack）二、打包总结一、相关配置情况一（使用的工具是vue-cil）如果是用vue-cli创建的项目，则项目目录中没有config
·2022-02-04 15:09

vue饿了么学习--创建项目命令

可省略步骤2:安装vue-cli脚手架构建工具npminstall-gvue-cli//在命令行中运行命令npminstall-gvue-cli，然后等
Monee121·2022-02-03 17:32

[Vue warn]： You are using the runtime-only build of Vue where the template compiler is not availa...

目录出错现象出错原因Vue的构建版本解决方案M1：将运行时版换成完整版本M2：直接使用render函数渲染出错现象这个报错是我在vue-cli项目中写vue组件用到template属性并测试的时候报出来的问题
顽皮的雪狐七七·2022-02-03 15:45

VUE学习笔记之vue-cli搭建项目

声明：这是之前使用vue-cli2.x的版本哦~使用vue-cli3见vue-cli3搭建项目+引入elementui实例vue-cli就是一个脚手架，步骤很简单，输入几个命令之后就会生成整个项目，里面包括了
嗯哼曼·2022-02-03 11:40

echarts的两种使用方式

在Vue中使用echarts的两种方式npmwebpackvue-cliechartsvue.js准备：使用vue-cli脚手架如果你已经有自己的项目，可以跳过这一步。
秋分落叶·2022-02-03 10:13

vue-cli脚手架的使用

参考了这篇博客成功搭建了vue项目框架。https://www.cnblogs.com/wisewrong/p/6255817.html下面总结一下搭建的过程：一.全局安装vue-clinpminstall-gvue-cli安装完成后，可以使用vue-V（注意V大写）查看是否安装成功。image.png二、生成项目首先需要在命令行中进入到项目目录，然后输入：vueinitwebpackVue-Pr
温梦丽·2022-02-03 06:14

vue中登入界面占满body的写法

就百度了方法,用vue-cli安装了工程之后index.html里设置css样式:html,body{height:100%;width:100%;border:hidden;overflow:hidden
吞象的蛇·2022-02-02 22:04

用vite+lerna配合verdaccio发布自己的前端包

vue-cli提供库打包模式，所以我每次开发完只需要将打包后的文件拷贝到其他项目就可以快乐地使用了。但是随着要引用这个模块的项目增多，和这个项目自身的开发迭代，这种手动拷贝的方式就太蠢了。
·2022-02-01 17:43

vue 自定义指令directives及其常用钩子函数说明

目录自定义指令directives及常用钩子函数说明钩子函数vue全局定义局部定义（vue-cli）钩子函数里面的参数vue自定义指令directives选项directives选项中定义指令自定义指令
·2022-01-24 09:26

Vue-cli——代理服务器&nanoid

一、过渡（1）transition组件Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染（使用v-if）条件展示（使用v-show）动态组件组件根节点https://cn.vuejs.org/v2/guide/transitions.html使用方法：用transition标签套在加过渡效果的外层，标签属性name就相当于普通标签中的class
我的安娜有点菜·2022-01-11 18:53

关于在vue-cli v2.0版本中高德地图标点文本框的实现(文本框定位出错问题)

先上效果图：之前虽然实现了，但是点击这个标点，文本框显示时总是在标点右下方，拉动地图就跳到如上图所示的位置，太鬼畜了实现代码：initPoint(res,map){//第一个for循环是遍历标点for(leti=0;i${res[i].cp_data[j].name}${res[i].cp_data[j].rtd}${res[i].cp_data[j].unit}`}//创建标点letmarker
·2022-01-11 16:17

(Vue-cli)十、过渡transition&nanoid&代理服务器devServer

1.过渡transitionVue提供了transition的封装组件，将需要有过渡效果的内容用transition组件包裹起来。v-enter：这是入场动画开始之前的状态，即原状态到达到动画效果的时间段的起始点。v-leave-to：是离场动画结束后的状态，即动画效果还原到初始状态后的结束点。(1)给某个容器添加：①将需要有过渡效果的内容用transition标签包裹起来，并起名name；②在s
Jinxchan·2022-01-09 16:47

学习 vue 的总结

1.vue-cli：快速创建vue工程的开发工具指令集安装vue-cli:npminstall-g@vue/cli安装完成后，查看版本：vue-V基于vue-cli快速创建vue工程项目：vuecreate
子丿龙·2022-01-09 01:41

使用Vue-cli搭建ArcgisAPI项目

一.下载并安装NodeJS网址：http://nodejs.cn/download/安装完成后，打开cmd命令窗口，执行以下两个命令检查是否安装成功。若出现版本信息，则表示安装成功。node-vnpm-v二.安装VueCli打开cmd命令窗口，执行以下三个命令来分别设置镜像源、安装Vue环境和Vue的脚手架工具，如下：npmconfigsetregistryhttps://registry.npm
右上角有个加号·2022-01-08 11:16

使用Vue-CLI怎么实现多页分目录打包

背景使用VUE搭建多页面应用，实现公司共享页面的需求。设计思想所有系统都在同一目录下，配置多入口多出口。各系统间可以链接，但是各系统内部依然采用SPA模式开发。复用性将所有系统的公共组件和方法放在系统目录的最外层，以达到复用的目的。在系统内部依然可以单独封装私有组件，这样可以最大限度的提高组件的复用性。路由各系统单独进行路由配置数据管理各系统数据仓库单独处理整体目录结构为了便于打包，我们创建一个v
LXEP·2022-01-06 15:12

vue-cli v2.0版本如何使用高德地图遮罩功能(如何引入高德安全密钥)

先看看完成后的样子：这里就不说基础了，有不懂可以去查一下，网上关于基础还是挺多的或者可以看看官方文档：入口高德地图vue使用基础引导看完就可以把高德地图的基础图层引入到项目中了然后再看看官方遮罩示例：遮罩示例但是想要使用遮罩插件还需要以下配置：1、配置安全密钥(注意：不是key)window._AMapSecurityConfig={securityJsCode:'你的安全密钥',};注意：配置安
·2022-01-05 17:54

(Vue-cli)七、Vuex（state&getters&mutations&actions）/ 详解单独创建modules模块 + 八、映射函数

七、VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。如果一份数据需要在多个组件中使用，组件间传值又比较复杂，就可以使用vuex托管数据。1.初始化Vuex(1)安装npminstallvuex--save(2)导入Vue,导入Vuex,使用Vuex(store文件下index.js)imp
Jinxchan·2022-01-04 22:27

对于Vue创建项目超时问题

报错vue-cli·Failedtodownloadrepovuejs-templates/webpack:connectETIMEDOUT140.82.114.4:443解决点击查看github.com
·2022-01-04 14:26

vue中利用.env文件存储全局环境变量，以及配置vue启动和打包命令

使用vue-cli搭建项目，默认会在根目录创建一个.env文件，如果需要更多类型的.env文件，需要自行创建。目录其中：1，.env后缀的文件是全局默认配置文件，不论什么环境都会加载并合并。
鹏多多·2021-12-30 23:57

解决Can't find variable: SockJS vue项目的问题

用的vue-cli(webpack-simple模板)，在开发环境运行（npmrundev），一直都没有问题，突然在ios的safari中调试，出现报错：Can'tfindvariable:SockJS
·2021-12-29 16:00

Vue-cli 2.X 多项目集成 配置步骤

本次目标多模块集成的vue项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署使用业务场景(1).如果多个项目使用同一样式或依赖相同的js/组件,可以每个项目都导入一次,但后期维护时,公用引用的部分一旦修改就会就牵一发而动全身,所有引用此文件的都得改动,有些繁琐.(2).如果项目有多个子模块(同时子模块之间又存在互相依赖关系)；对于这样的场景是可以把项目独立发布到npm仓库，但是这样又涉及到
酷酷的凯先生·2021-12-29 12:02

Vue-Cli—06.代理服务器 / 组件过渡 / nanoid

一、代理服务器1.ajax请求数据，必须要遵循同源策略：请求地址的协议名，主机名(域名或ip地址)，端口号，必须跟当前地址相同；否则就是跨域请求。2.解决跨域有两种途径：①后端允许跨域；②前端想办法骗过后端实现跨域（jsonp技术，代理服务器技术）。1、搭建服务器1号服务器：//导入expressletexpress=require("express");//创建一个服务器对象letapp=exp
萌新g·2021-12-28 17:27

Vue-cli——路由重定向&传参

一、书写习惯（1）在components下新建组件header，跳转的router都放在这里因为要保持App.vue不臃肿首页分类（2）并在app全局组件中引入这个组件，注册，使用03.使用组件01.导入组件importHeaderfrom'./components/Header.vue'exportdefault{name:'App',02.注册组件components:{Header}}二、路
我的安娜有点菜·2021-12-24 16:55

详解Vue-cli来构建Vue项目的步骤

首先需要安装Vue-cli：npminstall-gvue-cli全局先安装Vue-cli，安装好了Vue-cli。
·2021-12-20 19:09

在Vue-cli中使用mock.js

在有的时候，还没拿到后端提供的接口时，前端可以自己模拟后台制作简单的json格式数据进行开发工作mock.js使用：可参考mock.js官网1、前提在有搭建Vue-cli项目后，下载axios和mock.js
·2021-12-20 18:34

[译]Vue官方成员：Vite生态发展的怎么样了

所以我趁项目还没变的很庞大之前改用vue-cli重构了该项目。但之后看见许多新出现的开源项目都用的Vite，冥冥之中总有一种Vite将来一定会变的很牛B的预感，并且随着时间的推移，
·2021-12-19 18:05

(Vue-cli)二、初始路由vue-router&安装使用swiper插件&安装使用Echarts

1.VueRouter路由VueRouter是Vue.js官方的路由管理器，可以实现页面的跳转。(1)安装路由npminstallvue-router(2)导入vue-router为了使入口文件main.js尽量小，所以通常会在src文件夹中创建一个新的router文件夹，然后在该文件夹中创建index.js文件，通常将路由相关的所有信息放在该文件夹中。importVuefrom'vue'//导入
Jinxchan·2021-12-18 01:58

Vue-Cli—01.初始脚手架 / 创建组件 / ECharts|Element-UI使用

一、VueCLI简单来说，vue-cli就是一个搭建vue项目的脚手架，在没有vue-cli之前，我们创建vue项目可能就是手动去引入vue.js，手动去创建目录，手动去加配置文件，vue-cli就是将我们这些繁杂的操作一步化
萌新g·2021-12-11 20:12

Vue-Cli—02.创建Vue Router路由 / Swiper插件 / Echarts库

一、什么是VueRouter路由VueRouter它是Vue.js官方的路由管理器。实现页面的跳转，让构建单页面应用变得易如反掌。二、安装并使用VueRouter路由1.安装npminstallvue-router2.导入importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)3.创建路由器//导入页面组件importH
萌新g·2021-12-11 20:06

Vue-cli ——路由&Swiper& ECharts

https://router.vuejs.org/zh/一、下载npminstallvue-router二、引入路由和使用路由（1）在src文件下创建routerrouter目录里新建一个index，把有关路由的组件放在这里导入vueimportVuefrom'vue'导入路由importVueRouterfrom'vue-router'使用路由Vue.use(VueRouter)导入Home组件
我的安娜有点菜·2021-12-11 20:55

实现vue-cli（二）：webpack实现项目打包

一、大概思路（一）开发阶段的打包构建配置打包的入口文件和输出目录等信息。清空构建目录旧文件。处理js文件。处理打包js/css/vue/图片字体等。将打包结果注入html。启动服务器预览页面，并监听变化。增加eslint检测。配置sourceMap等信息。（二）发布阶段的打包构建配置打包的入口文件和输出目录等信息。清空构建目录旧文件。处理js文件。处理打包js/css/vue/图片字体等（发布阶段
Da_xiong·2021-12-11 17:30

Vue CLI——初始Vue-Cli & 创建组件 & Element-UI使用

一、初始Vue-CliVueCLI是一个基于Vue.js进行快速开发的完整系统。1、安装全局安装Vue-Clinpminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看版本号vue--version升级npmupdate-g@vue/cli#或者yarnglobalupgrade--latest@vue/cli2、创建项目安装完成后，创建项目。项目名为demovu
叽里咕呱·2021-12-11 14:21

Vue的高级配置 - 设置别名

vue项目开发时一般用相对路径，但是如果文件位置发生变动，需要重新设置路径，为了解决这个问题，直接通过修改vue-cli的webpack配置，进行别名的设置参考官方文档vue-cli官方文档webpack
JX灬君·2021-12-10 13:30

vue项目中使用rem替换px的实现示例

所以不用px;根字体：字体的大小px;px：你就当成cm(厘米)这样的东西吧；基准：750设计稿（一般UI设计师给的都是750的设计稿）；工具vue-cli:使用脚手架来搭建vue前端项目postcss
·2021-12-06 11:04

2021-12-05

vue开发前端项目，手动搭建vue-cli，使用webpack对vue项目打包进行优化过关想来实战下，看看水平咋样,就拿el-admin小组go团队开发的产品来看修改初始界面路由取消空白的首页（前后端搭配
雾拦江口·2021-12-05 16:49

Vite中使用 svg-sprite-loader

大家在使用Vue-Cli的时候，想要使用SVG，svg-sprite-loader绝对是个火热的插件，它用相对优雅的方式帮我们解决了引入SVG文件的问题。
小吉很低调·2021-12-03 13:26

创建Vue工程（包含Vue2和Vue3）

第一个vue程序（html集成vue）只需要script导入vue的js即可，如果是vue工程则通过vue-cli来建立1.新建vue工程@vue/cli会让选择Vue2还是Vue3``vuecreaterouter_project
我只要喝点果粒橙·2021-12-02 23:46

vue 前端服务器代理，proxyTable简要叙述

-简书我们在使用vue-cli工具生成vue项目时vueinitwebpackmy-project-vue在生成的项目结构里,会有一个index.js文件.image.png在这个index.js文件里
Coco_choco·2021-12-02 14:26

vue-cli多页面history模式-问题解答

简单配置importVuefrom"vue";importRouterfrom"vue-router";Vue.use(Router);constmainRoutes=[{path:'/foo',component:()=>import("../views/templates/index.vue")},];constrouter=newRouter({mode:"history",base:"/s
·2021-12-01 16:25

在Linux服务器上部署vue项目

案例一vue-cli构建vue3项目，将项目上传到Linux服务器，服务器安装node，并启动vue项目首先本地有一个vue项目，启动后可正常访问本地打包后，也可直接访问若打包后的index.html页面显示空白
·2021-11-30 17:57

vue-cli创建项目的小细节

有时候公司还有老项目需要支持vue2.x版本的也需要对应的老版本脚手架进行搭建，同时也有新项目基于vuecli版本更高的去搭建。指令区别：npminstall-g@vue/cli-init安装主要基于vuecli脚手架2.x版本，vueinitwebpackvue_project可以使用vueinit指令新建项目npmrundev启动项目npminstall-gvue@cli安装主要基于vuecl
·2021-11-30 14:11

vite的项目，使用 rollup 打包的方法

cn.vitejs.dev/guide/build.html#library-mode详细设置https://cn.vitejs.dev/config/#build-lib技术栈viterollup打包方式vue-cli
金色海洋（jyk）·2021-11-30 11:00

【Vue】进阶(一) 脚手架(vue-cli) 环境搭建和应用示例

脚手架环境搭建和应用示例前言环境安装1、安装Vue2、安装Webpack3、安装Vue脚手架4、关于vue-cli2.x和vue-cli3.x创建项目的区别创建项目深入学习vue-cli，创建一个空白模板
01xm·2021-11-29 21:28

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

前言学完Vuex方面的操作就该来学学Vue中的路由操作了....xdm冲一、安装vue-cli安装vueaddrouter做完这一步基础环境都搭好了。
·2021-11-28 17:58

「后端小伙伴来学前端了」Vue-Router 路由各种跳转、传参、小知识

前言学完Vuex方面的操作就该来学学Vue中的路由操作了…xdm冲一、安装vue-cli安装vueaddrouter做完这一步基础环境都搭好了。
宁在春·2021-11-28 16:57

即将2022年了，Vue3.x详细版为尔奉上（对比Vue2.x，打包带走）

Vue3知识已经为你总结好，赶紧学起来吧~~~Vue3新特性体验--上（内附简单实例，可直接使用）_前端不释卷leo的博客-CSDN博客1、先创建一个简单vue2项目，node、vue-cli、webpack
前端不释卷leo·2021-11-28 09:58
上一页 59 60 61 62 63 64 65 66 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他