VUE-CLI 第5页

Vue-CLI 的安装和使用

Vue-CLI(Vue脚手架)介绍Vue-CLI是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成Vue和webpack的项目模板如果只是简单的写几个Vue的Demo

coderlion·2024-01-21 11:47

vue创建项目的时候卡顿，比较慢

3.0用vuecreatexxxx创建项目时，一直出现卡顿，导致无法创建项目首先安装淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org然后检查下vue-cli

小_辉·2024-01-21 10:10

Vue-cli 项目中使用 Element-UI 组件库

第一步：在项目中安装element-ui组件npmielement-ui-S第二步：在main.js中引入element-uiimportVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom'./App.vue';Vue.use(ElementU

THERAIN_·2024-01-21 05:41

vue 项目兼容 IE 浏览器

前言:网上找了很多关于vue项目兼容IE浏览器的教程步骤,写的非常详细,但根据我自己的项目,怎么找都没有找到webpack.base.conf.js这个文件,就没办法配置因为vue-cli最新版本原因,

小童姥·2024-01-21 03:49

vue中动态引入图片地址

概要两种情况，在public下，或src下,各种都有坑；注意：下述内容均以vue-cli默认配置为前提一、图片在public下，路径需以/开头public下的文件（包括图片）会被直接复制到dist下，而不做其他处理

果酱风·2024-01-21 03:43

一个vue-cli的项目中如何使用element-ui组件库

1.安装npmielement-ui-s2.引入ui组件引入css文件在vue上使用下阅读文档快速上手部分在main.js部分引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);3.引入按钮组件进行测试默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮//能

疯狂的蜗牛Dianna·2024-01-21 03:00

vue移动端项目中使用postcss-pxtorem进行适配方案

首先，我们先使用vue-cli创建一个初始化的vue项目。vuecreatehello-world当项目创建好以后，我们在根目录下新建一个vue.config.js，想必大家也都懂这个文件是干什么的。

趁着年轻吃点苦·2024-01-20 22:41

Vue学习笔记--（2018-11-25）

概要：主要内容：vue安装时常用命令，文件目录介绍，better-scroll库的使用，项目部分优化措施*node安装node-v检查node版本*vue-cli全局安装npminstall-gvue-cli

Rain_Wuu·2024-01-20 18:20

VUE - runtime-compiler 和 runtime-only

在使用vue-cli脚手架构建项目时，会遇到一个选项Vuebuild(vue构建)，有两个选项，Runtime+Compiler和Runtime-only,以下为有道翻译直译：Runtime+Compiler

coderfl·2024-01-20 17:49

vue-cli工具-安装&基本使用

一、CLI的介绍VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global实现的零配置原型开发。一个运行时依赖(@vue/cli-service)，该依赖：①可升级；②基于webpack构建，并带有合理的默认配置；③可以通过项目内的配置文件进行配置；④可以通过插件进行扩展。一个丰

韩歆歆·2024-01-20 11:16

[GN] Vue3快速上手1

文章目录前言使用vue-cli创建VUE3.0VUE3.0介绍CompositionAPI首要配置setupref函数reactive函数toRefs与toRef计算属性与监视1.computed函数2

GGood_Name·2024-01-20 08:25

[GN] 后端接口已经写好初次布局前端需要的操作（例）

文章目录使用vue-cli脚手架初始化前端工程化配置引入Vue前端组件库--arco前后端联调引入Md编辑器组件使用vue-cli脚手架初始化使用·安装脚手架工具：npminstall-g@vue/cli

GGood_Name·2024-01-20 08:25

【Vue】vue项目中Uncaught runtime errors:怎样关闭

背景描述项目本来运行的好好，换了个新的浏览器，新的Chrome浏览器版本号是116.0.5845.97（正式版本）（64位），原来的Chrome浏览器版本是92.0.4515.107（正式版本）（64位），使用vue-cli

No8g攻城狮·2024-01-20 07:09

Vue3笔记

文章目录1、Vue3.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的CompositionAPI（组合API）1、setup函数2、ref函数3、reactive函数4、Vue3.0

小狐狸ya·2024-01-19 15:52

vue-cli + electron打包项目成客户端

1.安装electronnpminstallelectron--save2.添加electron-buildervueaddelectron-builder执行后会自动生成这些指令在src目录下也会生成一个background.js文件'usestrict'import{app,protocol,BrowserWindow,Menu}from'electron'import{createProto

無霸哥·2024-01-19 13:38

webpack/vue-cli构建速度和打包体积优化

编译分析插件webpack-bundle-analyzerwebpack-bundle-analyzer可以生成代码分析报告，可以直观地分析打包出的文件有哪些，及它们的大小、占比情况、各文件Gzipped后的大小、模块包含关系、依赖项等npmi-Dwebpackbarwebpack-bundle-analyzerjavascript复制代码const{BundleAnalyzerPlugin}=r

岳哥i·2024-01-19 11:20

vue初体验(一)

一：vue-cli因为之前有用过angular，所以node已经装好了，可以直接搭建脚手架。

winterzy·2024-01-19 06:27

步骤3：本地创建实例vue项目并上传到github上

0.2使用npm包管理工具安装vue-cli脚手架，安装命令如下：image.png如果直接使用npminst

木头就是我呀·2024-01-19 04:37

Vue中引入JQuery和Bootstrap方法

一、Vue中引入JQuery1、因为已经安装了vue-cli脚手架，所以需要在webpack中全局引入jquery打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改

SlashBoyMr_wang·2024-01-19 02:38

Vue2脚手架搭建+项目基础依赖安装

文章目录1.安装node.js2.安装vue-cli脚手架3.创建vue2项目4.安装基础依赖1.安装node.js可以参考这篇文章https://blog.csdn.net/weixin_43721000

什么都干的派森·2024-01-19 01:34

command failed: npm install --loglevel error问题解决方案

vuecreate[project-name]使用vue-cli指令创建项目时报错commandfailed:npminstall--loglevelerror原因可能是当前的node.js版本与npm

果汁果肉·2024-01-19 00:53

vue3 知识

vue2，但是vue3不建议用vue2的写法2、拥抱TypeScript，ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式apivue3项目创建和启动#创建vue3项目：vue-cli

糖果爱上我·2024-01-19 00:59

使用 vue-cli 脚手架搭建Vue项目

苦瓜_6·2024-01-19 00:44

vue3.0的学习

一.创建vue3.0工程1.使用vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g

未成年梦想·2024-01-18 20:05

nuxt整合vue-pdf插件和使用createLoadingTask方法进行分页

1.背景目前需要做一个展示pdf功能的需求，所以想到了使用vue-pdf插件，该插件在vue-cli中很好使用，不会出现啥问题，但是放到nuxt项目中就会出现一些问题2.整合1.官网地址：https:/

巴中第一皇子·2024-01-18 16:43

UniAppCli安装sass失败或报错问题

如果您的项目是由HBuilderX创建的，相信已经安装scss插件，如果没有，请在HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装，如不生效，重启HX即可如果您的项目是由vue-cli

Hzsilvana·2024-01-18 10:05

uni-app使用sass历程

这是用vue-cli创建的项目使用过程，hbuilderx创建的项目无需这么复杂，直接用就好。

是拾玖不是十九·2024-01-18 10:34

vue脚手架

一、什么是vue脚手架vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

TashuoLhy·2024-01-18 09:30

web开发学习笔记（5.前后端开发模型）

1.前后端分离的开发方式有利于专业化程度的提升，方便找出问题2.页面原型3.接口文档4.yapi平台5.node.js是一个开源、跨平台的javascript运行环境6.安装vue-cli脚手架7.vue

萌新pp·2024-01-18 06:04

vue创建项目卡住不动，vue create project卡住不动解决办法

安装vue-cli新版本4.4.4，执行vuecreatexxx,半天都创建不成功，网上搜了好多解决方案，然而并没有解决我的问题。

你不努力，是等什么嘛·2024-01-18 02:58

vue-cli 3 使用 webpack 输出 js css 文件 hash 解决缓存问题

该解决方案针对Vue等hash打包静态资源，且nginx部署的项目。这样的项目一般来讲打包后生成的hash已经帮我们解决了js/css的问题。但html资源始终是那个index.html，我们浏览器刷新再刷新始终是304状态码。怎么办！摔！(′д｀)…彡…彡那我们就只需要解决掉index.html这个辣鸡文件的缓存问题就好啦！nginx配置如下：location/{gzip_staticon;ro

泡泡码客·2024-01-17 12:24

vux 踩坑【1】：x-input @on-click-clear-icon 删除按钮不起作用

2）方法2：修改源码但是注意每次运行install是都需要重新修改回来步骤如下(我是在vue-cli中使用的)①找到你的node_modues---vux---s

岚平果·2024-01-17 05:33

vue-cli——mockjs增删改查小案例

mockjs可以帮我们生成随机数据，拦截ajax请求安装npmintallmockjs-D(开发依赖，不参与打包。默认-S)新建文件src->mock->index.js在mian.js中引入impot'./mock'课程信息添加课程课程编号课程名称课时年级操作{{s.SubjectId}}{{s.SubjectName}}{{s.ClassHour}}{{s.Grade.GradeName}}修

我的安娜有点菜·2024-01-17 02:01

Vue CLI(1)——初始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

一个想读书的人·2024-01-17 01:42

vue-cli解决跨域

在vue.config.js中找到devServer在devServer中创建proxy代理proxy:{path（路径中包含这个path就会导航到target的目标接口）：{target:"目标接口"}}例：1同源策略只针对于浏览器，代理服务器到后端接口是没有同源策略限制的。所以使用proxy代理服务器可以达到跨域的作用

软工不秃头·2024-01-16 19:18

Electron-vue之serialport使用以及打包问题记录

它结合了Chromium、Node.js和用于调用操作系统本地功能的APIs（如打开文件窗口、通知、图标等）electron-vueelectron-vue是一个结合vue-cli与electron的项目

liufeng07·2024-01-16 15:44

vue3+typescript+electron+NodeSerialport开发环境搭建

由于现在网上的教程文档使用的版本还有发布时间过于久远，前端技术更新较快，所以有了这一篇开发环境搭建目录安装node.js安装vue-cli创建一个vue项目vue项目集成electron安装NodeSerialport

Havoc_Z·2024-01-16 15:41

Vue3 + ESLint + Prettier

Vue3+ESLint+Prettier配置规则1初始化项目新建vue-cli项目。如果已有项目，可直接跳到最后一步。①在cmd中输入如下代码，开始创建项目。

soul g·2024-01-16 09:24

通过cdn引入npm包并使用

然后是vue+elementui这个组合一般都存在于vue-cli工程化场景中。但是这种工程化场景不适合我

zg97zb·2024-01-15 20:13

vue-cli引入外部js文件( showDialog.min.js)

引入外部js文件ex:showDialog.min.js1.尝试npminstallshowDialog2.安装不了，只能下载下来3.在main.js引入importshowDialogfrom'./assets/js/showDialog.min'需要导出showDialog数据，首先要在js文件中输出image4.在showDialog.min.js中输出函数本身image5.在main.js

清汤饺子·2024-01-15 17:40

vue-cli 安装scss，且可以全局引入。

前言css预处理器让自己的css更加简洁、适应性更强、可读性更佳，更易于代码的维护。安装1.安装基础scss插件npminstallnode-sasssass-loaderstyle-loader--save-dev安装完毕后，我们发现如果需要在.vue文件中想用变量，必须import引入变量文件，css文件可以在main.js中可以直接import，而scss文件import会报错。2.安装自动

精神病赛车手·2024-01-15 13:56

前端开发面试必备的13道可以举一反三的Vue面试题

vue-cli工程常用的npm命令有哪些？vue中keep-alive组件的作用?

野生程序猿A·2024-01-15 08:13

Vue.js学习系列六——Vue单元测试Karma+Mocha学习笔记

在使用vue-cli创建项目的时候，会提示要不要安装单元测试和e2e测试。既然官方推荐我们使用这两个测试框架，那么我们就动手去学习实践一下他们吧。

LarryHai6·2024-01-15 04:37

前端项目初始化步骤

用vue、vue-cli、vuex、element-ui、axios、echarts开发后台管理系统建议提前安装配置好node.js、git，同时建议安装最新稳定版本我是使用WebStorm，同时大多数命令也是在

pshawn·2024-01-14 18:54

vue-cli创建项目，vue项目目录介绍

vue-cli创建项目环境搭建-安装node官网下载安装包，傻瓜式安装：https://nodejs.org/en-安装cnpm-加速下载第三方模块：（用来替换npm命令的)npminstall-gcnpm

N10N11·2024-01-14 18:27

在 Vue-cli 中 Sass 使用全局变量

sass-resources-loader使用sass-resources-loader插件,并修改utils.js/build/utils.jsscss:generateLoaders('sass').concat({loader:'sass-resources-loader',options:{//单个文件resources:'src/assets/sass/all.scss'//路径是根目录

hankchang·2024-01-14 08:48

vue创建项目

version查看镜像地址$npmconfiggetregistry设置淘宝镜像地址$npmconfigsetregistryhttps;//registry.npm.taobao.ort/创建项目：使用vue-cli

可地出溜·2024-01-14 03:58

monaco报错#Unexpected usage at EditorSimpleWorker.loadForeignModule

场景升级monaco版本，和vue-cli版本，打开.ts后缀的文件，报错解决在vue.config.js文件中，添加chainWebpack(config){config.plugin("monaco

老衲的少女心i·2024-01-14 03:04

Vue3+Vite项目搭建

为什么选择vite而不是vue-cli：vite下一代前端开发与构建工具vite创建的项目默认vue3优势：开发环境中，无需打包，可快速的冷启动轻量快速的热重载（HMR）真正的按需编译，不在等待整个应用编译完成

前端小趴菜05·2024-01-13 19:30

Vue的使用 -- 基于Vue搭建前端页面

安装Vue、Vue-cli我使用npm安装Vue、Vue脚手架#加上[-g]是全局安装/删除#如果想要删除（[]里是要删除的文件的名字）$npmunint

十⑧·2024-01-13 12:25

推荐频道

VUE-CLI