Vue-cli 第5页

vue-实战去哪儿项目

运行项目npminstallnpmrundev项目展示项目涉及到技术栈：vue：Vue、Vue-router、Vuex、Vue-cli插件：vue-awesome-swiper、better-scrollAxiosCSS

唐人不自醉·2024-01-24 18:18

学习Vue过程中遇到的问题---code: ‘MODULE_NOT_FOUND‘

在学习安装脚手架Vue-cli过程中步骤为：第一步（仅第一次执行）：全局安装@vue/cli。

城南已开979·2024-01-24 17:37

Vue-cli 手机查看效果

vue-cli创建项目之后，想在手机查看效果。

yimi珊·2024-01-24 16:42

“高级SPA项目构建与路由实现“

目录引言1.SPA项目构建1.1安装vue-cli,webpack1.2创建Vue.js项目1.3“一问一答”模式1.4启动项目2.SPA项目完成路由3.基于SPA项目完成嵌套路由总结引言在现代Web开发中

叶秋∵·2024-01-24 13:19

vue-cli3创建vue项目两种方式

下载安装vue-cli脚手架VUECLI3的包名称由vue-cli改成@vue/cli。

隔壁老樊啊·2024-01-24 08:52

Vue前端环境搭建以及项目搭建

命令：npminstall-gwebpackwebpack-cli安装vue-cli这是vue的开发工具。安装

四矢·2024-01-24 05:18

Vue-Cli项目如何查看依赖调用关系？

Vue是个优秀的前端框架，不管是前端还是后端开发人员都能很快使用Vue来开发应用。但是随着项目开发的深入，组件之间的依赖就变得越来越多，耦合越来越严重。这时候我们迫切地需要分析下组件和依赖之间的调用关系了。一、探索经过一番寻找，我发现了stats-webpack-plugin这个插件。链接中有这个插件在webpack中的使用方法。我下面的教程基本是参考了官方指引。二、安装和使用首先安装stats-

九里·2024-01-23 19:23

vue中设置内联样式style 动态绑定背景图backgroundimage不生效问题，以及动态绑定img的src,图片无法显示问题(src=“[object Module]“)

设置内联样式以及动态绑定img的src时发生的问题，.在外部css文件和style标签里面定义的样式不会出现以下问题）我们可能会通过以下这种方式来设置元素的背景（注意元素需设置宽高，或者元素里有内容支撑）使用vue-cli

小玲子小玲子·2024-01-23 14:11

vue开发笔记

环境的确认node--versionnpm--version全局安装vue-cli安装命令：npminstall--globalvue-cli基于webpack模版的新项目创建一个基于webpack模版的新项目

jshan·2024-01-23 11:27

pycharm创建vue项目

node.js链接:node.js安装淘宝npm镜像命令行输入：npminstall-gcnpm--registry=https://registry.npm.taobao.org项目初始化第一步：安装vue-cli

utoui·2024-01-23 07:19

vue-cli的安装及版本查看更新

查看vue-cli版本vue-Vvue-cli安装（3.0以下版本安装）npminstallvue-cli-gvue-cli的3.0以及3.0+使用的不是vue-cli了，如果安装3.0+的话需要先卸载之前的版本

前端大颖颖·2024-01-22 12:24

【vue-cli详细介绍】

vue-cli详细介绍1.vue-cli2.特点3.安装VueCLI4.创建新项目5.CLI插件6.GUI界面7.构建和服务8.配置9.结语1.vue-cliVueCLI是一套用于快速开发Vue.js应用程序的完整系统

程序员不想YY啊·2024-01-21 19:25

使用@vue/cli脚手架创建项目

npminstall-g@vue/clinpminstall-g@vue/cli@版本号VUECLI的包名称已经由vue-cli改成了@vue/cli。

leejun·2024-01-21 17:36

Vue-Test-Utils + Jest 单元测试入门与实践

Vue-Test-Utils+Jest单元测试入门与实践创建Vue项目在终端用vue-cli创建一个项目$vuecreatevue-test选择Manuallyselectfeatures进行手动选择功能配置

joeal·2024-01-21 17:20

vue实现预渲染

该文档以vue-cli搭建的项目结构为例第一步：安装工具包cnpmiprerender-spa-pluguin-D第二步：配置webpack找到build/webpack.pro.con

duans_·2024-01-21 16:12

记首次部署vue到nginx的location匹配设置的错误

indexindex.htmlindex.htm;#vue的路由并不是真实物理路由，所以用try_files，路径都指向根目录下的index.htmltry_files$uri$uri//index.html;#vue-cli

dlchgg·2024-01-21 14:38

Vue-cli的config文件夹下index.js的proxyTable配置

proxyTable:{'/api':{target:'https://localhost:44370',//你请求的第三方接口secure:false,//如果是https,如果是https,需要配置为falsechangeOrigin:true,//在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题logLevel:'debu

dlchgg·2024-01-21 14:07

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