vue-cli2.0

Vue-cli的使用

文章目录1vue-cli的安装和项目配置2使用vue-cli开发todolist3全局样式与局部样式1vue-cli的安装和项目配置这篇博文中有详细的介绍：安装vue-cli2.0并创建项目。
子非鱼921·2024-09-01 01:42

npm run serve启动报错npm ERR! Missing script: “serve“

文件里面确实没有这里没有可能因为你的脚手架版本比较低，如果不想换，可以用这里面有的npmrundev去启动也是可以的npmrunserve和npmrundev区别：前者是vue-cli3.0版本，后者是vue-cli2.0
熹小雨Marain·2024-02-19 12:45

vue-cli3.0如何在打包时设置静态资源目录？

vue-cli2.0中，assetsSubDirectory可以在如下位置配置：//config->index.jsmodule.exports={build:{//Templateforindex.htmlindex
duansamve·2024-01-20 07:56

vue-cli3.0下全局变量和方法的使用

vue-cli2.0的全局方法是在src目录下创建core文件夹，然后创建base.js文件，内容如下图直接export.install=function(){}然后再mian.js文件里引入使用引入文件
会飞的鱼_a·2024-01-01 02:18

vue3.0出来了2.0还需要学吗,vue2.0和3.0区别大吗

配置项不同1、vue-cli2.0的域名配置，分为开发环境和生产环境。2、所以配置域名时，需要在config中的和。3、中分别配置3.0config.文件已经被移除。4、但是多了。env.pr
aifans_bert·2023-11-13 00:09

vue-cli部署ngixs_Vue-cli3.0打包部署到Nginx

Vue-cli3.0相比于Vue-cli2.0，仅从根目录来看，最大的区别就是Vue-cli3.0少了build和config文件夹，前者用于项目构建(webpack)相关代码，后者用于项目开发环境配置
weixin_39844880·2023-11-03 20:09

vue+springboot前后端分离集成ueditor，避坑之图片上传出错、无法回显

1.前端vue搭建首先不管vue-cli2.0还是vue-cli3.0你得会新建一个vue脚手架项目，让它能够正常运行起来2.集成vue组件npmivue-ueditor-wrap-D先安装一下vue-ueditor-wrap
nicohuhu·2023-11-01 20:18

Vue项目部署路由加前缀

前提：再部署项目的时候会有需求，几个项目同时部署，只提供一个端口的情况；解决方案：路由加前缀来区分项目；vue-cli2.0与vue-cli3.0还是有很大的区别；1、vue-cli2.0①：在config
星辰大海q·2023-10-19 18:48

vue-cli 3.0 webpack打包

最近在用vue开发项目，开发完成后想要打包测试，这时候问题就来啦，总结几个问题如下1、如何打包2、打包完成后页面报路径错误3、百度后都是vue-cli2.0的解决方法4、打包assets大小上限了5、直接打开本地
Just_Esme·2023-10-12 11:07

使用Vue-cli2.0和 Vue-cli3.0创建vue项目及配置

目录一、Vue-cli2.0二、Vue-cli3.0安装node后安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org一、Vue-cli2.0①
ssy001128·2023-09-22 03:05

vue开发之vue-cli2与vue-cli3的对比

项目目录结构项目目录结构 可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同： 1.vue-cli3移除了配置文件目录：config和build文件夹，增加了vue.config.js
夏一抹阳光_c717·2023-09-18 13:03

vue 打包添加版本号

vue-cli2.0版本修改build/webpack.prod.conf.js，在HtmlWebpackPlugin插件配置项中添加hash:truenewHtmlWebpackPlugin({filename
weixin_42497122·2023-09-16 07:47

vue-cli2.0和vue-cli3.0前后版本切换办法以及两个版本同时存在

系列文章目录上一篇node.js安装完成之后，有需要要切换vue-cli2.0和vue-cli3.0前后版本，在此记录两个版本同时处理使用的方法。
菜鸡本鸡·2023-09-11 11:07

webpack打包优化

此篇分享为vue-cli2.0中webpack的优化配置。
前端很忙·2023-09-09 05:28

vue-cli 3.0集成vux

如果你在vue-cli2.0的项目中使用过vux就会知道只需要在package.json里加上“vux”就行版本号前面的“^”的作用就是会在npminstall的时候自动下载最新版本，去掉
Daisy想养猫·2023-08-21 23:32

VUE-CLI2.0使用过程中注意事项

1.图片的引用img标签引用图片放在src文件的assets下动态绑定img的src属性(图片放在src文件的assets下)js中使用图片用require()注意：要使用相对路径2.vue中静态文件夹static的引用问题只能放一些静态文件，如图片，css样式文件，js插件等；在vue项目任何文件中引用static中的文件都要以"/static"开始，如在index.html中引入插件不能通过h
Paul_Chan_·2023-08-16 11:50

vue.config.js配置本地，测试，开发环境变量

vue.config.js配置本地，测试，开发环境变量背景环境配置本地环境测试环境线上环境package.json配置运行开发环境测试环境线上环境注意附录背景当我们使用vue-cli3.0搭建项目时，相比于之前的vue-cli2.0
土豆Coder·2023-08-15 07:53

Nodejs + WebSocket + Vue 实现多人聊天室- 第二章

1、Nodejs+WebSocket创建后台服务器功能2、Vue视图层，接收后台数据并渲染页面3、LocalStorage存储会话ID等用户信息vue+webpack生成vue项目(基于vue-cli2.0
star@星空·2023-07-25 15:55

Vue Cli3.0中使用jQuery

注意：这里配置的是vue-cli3.0引入jquery的方法，不是vue-cli2.0的配置方法。
零_4fcd·2023-04-13 02:52

vue-cli 3.0初始化

1.卸载vue-cli2.0,没有安装则跳过npmuninstallvue-cli-g2.安装vue-cli3.0npminstall@vue-cli-g3.初始化项目vuecreateProjectName
书中自有妍如玉·2023-04-09 17:10

关于vue-cli2和3的那些事

vue-cli能够快速的搭建vue项目结构,在一个新的项目启动为我们配置各种文件目录及项目打包都提供了非常快捷的便利.安装方式的区别:vue-cli2.0(据说有其他多种方式,下面是我经常用到的)vueinitwebpack2.0projectvue-cli3.0vuecreate3.0project
哟西大人1·2023-04-06 09:02

vue-cli2.0和vue-cli3.0生产环境去除console

//vue-cli3.0vue-config.js//npminstallterser-webpack-plugin--save-devconstTerserPlugin=require('terser-webpack-plugin')module.exports={configureWebpack:config=>{config.optimization={minimizer:[newTerse
辉色星空下·2023-04-04 07:21

一文详解vue-cli2.0与vue-cli3.0之间的区别

目录1.项目目录结构2.配置项3.可视化界面4.其他⏬扩展：vue&vuecli版本及对应关系总结：vue-cli不同版本的区别参考资料我们之所以介绍vue-cli2和vue-cli3的使用和区别，是因为vue脚手架工具从vue-cli3版本开始，在项目结构等诸多方面开始与vue-cli2版本相比，有较大的优化与调整。因此，在学习和工作中，我们需要了解一下版本更替之后，在哪些方面有变动。1.项目目
儒雅的烤地瓜·2023-04-03 06:12

Vue项目proxyTable跨域配置

跨域配置config/dev.env.jsconfig/prod.env.jsconfig/index.jsutils/request.js接口api.js路径转换解析文章说明学习连接-重要❤-一文详解vue-cli2.0
QTWWlhh·2023-04-03 05:02

vue-cli2.0单页面title修改

一、npminstallvue-wechat-title--save执行命令二、在main.js中添加importVueWechatTitlefrom'vue-wechat-title';Vue.use(VueWechatTitle);Vue.config.productionTip=false三、在router/index.js文件中添加routes:[{path:'/',redirect:'H
Elvis_645e·2023-04-02 12:15

Vue项目打包(build)时,自动打以时间命名的压缩包方式

目录Vue-Cli3.0+项目配置build压缩包Vue-Cli2.0项目配置build压缩包其他在打包发布Vue前端项目时，每次都需要手动压缩dist文件夹，然后以时间命名，然后部署到web容器中，过程比较繁琐
·2023-03-27 01:29

vue的iview框架中可编辑表格的jsx的写法

故考虑使用jsx来实现需要注意的点如果使用vue-cli2.0构建的项目,使用jsx需要按这里的方法引用包,才能使用如果使用的vue-cli3.0构建的,则不需要配置,直接使用即可另外,在webstorm
落梅听风雪·2023-03-24 21:39

vue-cli3.0使用淘宝适配

在使用vue-cli3.0的版本中会发现跟vue-cli2.0的差别很大，一开始打开项目会发现居然没有build文件夹啦；这样会导致没法使用build文件中的文件；故研究了一下：首先初始化一个vue-cli3.0
越来越_8c59·2023-03-23 23:30

vue打包上传cdn实现自动化部署

大家都知道基于cdn访问的资源加载速度会大大优于直接访问部署在服务器上的资源的加载速度，本文基于阿里云及其相关产品，做了vue-cli2.0脚手架（公司原有的项目比较老），做了一些vue打包一键上传cdn
来了啊小老弟·2023-03-15 18:02

vue-cli2.0移动端适配

因为这是2.0的脚手架跟3.0的配置有所区别，所以请3.0版本的移步这里vue-cli3.0移动端适配首先我们需要引入px2rem-loader这个依赖它的作用是将你写好的px直接转换成rem，这样你可以正常的按设计稿去写px，但是实际到页面上就成了rem转换前转换后首先下载px2rem-loadernpminstallpx2rem-loader--save然后配置插件然后找到文件目录下build
_duck不必·2023-03-10 19:17

第1讲 使用vue-cli3.0创建项目

webpack4.0之上构建的vue脚手架工具，得益于webpack4.0的零配置特性，使得在使用vue-cli3.0时，零配置就可以开发和打包vue项目vue-cli3.0及更高版本为了区别vue-cli1.0和vue-cli2.0
喔喔牛在路上·2023-03-10 16:59

Vue-cli 开发环境跨域代理设置、Vue-cli跨域代理

vue-cli2.0跨域代理设置//config/index.jsconstpath=require('path')module.exports={dev:{proxyTable:{'/api':{target
莫伊剑客·2023-02-06 05:28

vue-cli2.0 和 vue-cli3.0的区别

1.创建项目命令创建vue-cli2.0的项目时，使用的命令行是：vueinitwebpackproject-name创建vue-cli3.0的项目时，使用的命令行是：vuecreateproject-name2
小薇同学v·2023-02-01 15:46

vue项目设置全局作用域scss变量

vue-cli2.0使用sass-resources-loader解决Sass全局变量问题安装sass-resources-loadernpminstallsass-resources-loader--
刘凯gg·2023-01-31 07:04

vue-cli2.0打包上线

打包后空白页在config文件加下index.js文件中，找到build中的assetsPublicPath将assetsPublicPath:'/'修改为assetsPublicPath:'./'即添加一个点iview图标不显示更改build/utils.js文件中ExtractTextPlugin插件的options配置：添加publicPath:'../../',完美解决问题if(optio
曹锦花·2023-01-30 19:21

超级详细的Vue-cli3使用教程

更多使用Vue的开发人员都很少在HTML中直接开发Vue的项目而是使用vue-cli脚手架，简直不要太方便，从Vue-cli2.0开始，笔者也在开始使用，也简单的看过2.0版本的webpack配置
短暂又灿烂的·2022-09-21 07:08

利用Vue-cli3简单快速搭建前端项目架构

安装如果在电脑上已经安装了vue-cli2.0如果想要把其替换成vue-cli3.0的话需要先卸载原有vue-cli2.0的版本。
冷太阳a·2022-09-21 07:25

基于vue-cli2.0，webpack3升级为webpack4的踩坑之旅以及优化

前言：由于项目是基于vue-cli2搭建的，使用的是webpack3.x版本。随着时间的迁移，打包的速度越来越慢，痛下决定将webpack升级到4.0版本。安装依赖首先先贴出升级完成后的package.json"devDependencies":{"assets-webpack-plugin":"^3.9.10","autoprefixer":"^7.1.2","babel-core":"^6.2
前端划水工·2022-02-11 04:07

Vue单页面应用做预渲染的方法实例

目录前言vue-cli2.0版本vue-cli3.0版本总结前言使用vue-cli打包项目一般为spa项目，众所周知单页面应用不利于SEO，有ssr(服务端渲染)和预渲染两种解决方案，这里我们只讨论预渲染
·2021-11-11 10:22

vue 单页面应用SEO

一.使用prerender-spa-plugin插件预渲染vue-cli2.0版本安装插件npminstallprerender-spa-plugin-S在webpack.prod.config.js中添加
夏晶晶绿·2021-09-17 16:21

vue项目中使用svg格式图片基本使用，手把手教学！会复制就行！！

创建vue-cli2.0略过一、下载svg包[email protected]二、配置vue-config.js文件vue-config.js没有就自己创一个放在项目根目录哦'usestrict'constpath
奥特曼　·2021-06-23 04:40

vue-cli2.0 localhost可以访问，ip访问不了

解决方案https://blog.csdn.net/u012230055/article/details/82152111步骤1.将index.js中的host的值改为‘0.0.0.0’步骤2.修改package.json中script下dev的值，在后面加入–host0.0.0.0也可以解决
无花无酒_3cd3·2021-06-19 05:48

Vue2.X强上TypeScript

准备就是使用vue-cli2.0创建一个项目，一个正儿八经的vue-cli2.0的vue项目开始1.安装依赖安装vue的官方插件npmivue-class-componentvue-property-decorator-Stypescript
MrHzq·2021-06-14 09:09

webpack中alias配置

作用:设置别名是为了让后续引用的地方减少路径的复杂度vue-cli2.0在\build\webpack.base.conf.js文件下设置//例如src-components-a.vue-router-home-index.vueindex.vue
费莱姆·2021-06-07 08:53

vue-cli入门（一）-使用vue-cli2.0搭建项目

vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-clivue-cli脚手架的优势有一套成熟的vue项目架构设计,能够快速初始化一个Vue项目.vue-cli是官方支持的一个脚手架，会随本版本进行迭代更新。vue-cli提供了一套本地的node测试服务器，使用vue-cli自己
阿尔法乀·2021-05-19 01:20

超级详细的Vue-cli3使用教程

更多使用Vue的开发人员都很少在HTML中直接开发Vue的项目而是使用vue-cli脚手架，简直不要太方便，从Vue-cli2.0开始，笔者也在开始使用，也简单的看过2.0版本的webpack配置
Aaron·2020-11-14 11:04

使用 vue-cli2.0脚手架搭建项目+代理+vuex+elementUI+less

1.脚手架搭建教程2.使用Vuex新建store.js利用Vuex.state进行存储importVuefrom'vue'importvuexfrom'vuex'Vue.use(vuex)exportconststore=newvuex.Store({state:{name:'十七岁'}})之后在main.js中进行实例化import{store}from'路径'Vue.use(store)//实
: ) ---·2020-09-16 15:08

vue引入静态js文件

vue-cli2.0的作法是在static文件下创建js。
高先生的猫·2020-09-15 16:10

Vue-Cli3.0创建项目,以及与Vue-Cli2.0的区别

1.安装安装Vue-Cli3.0命令发生一些变化npm安装Vue-Cli3.0$cnpminstall-g@vue/cli而之前Vue-Cli2.0安装命令是这样$cnpminstall-gvue-cli
Mr.Plum·2020-09-15 14:33

vue-cli3.0和vue-cli2.0项目构建、运行、编译命令区别

一、安装上区别：1.Vuecli2版本安装命令:npminstall-gvue-cli2.Vuecli3版本安装命令：npminstall-g@vue/cli二、创建项目区别1.Vuecli2版本创建项目命令:vueinitwebpackproject2.Vuecli3版本创建项目命令:vuecreateproject三.编译运行项目区别1.Vuecli2版本编译运行项目命令:npmrundev2
Thinkingcao·2020-09-15 12:29
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他