VUE-CLI

vue使用scss，并且全局引入公共scss样式

基于官方提供的脚手架vue-cli进行搭建框架等安装完所有依赖后，安装sass的依赖包：cnpmisass-loader--save-dev//sass-loader依赖于node-sasscnpminode-sass
薄荷味奶糖·2021-09-10 13:13

vue项目 性能分析和CDN的应用

我们可以使用vue-cli本身提供的性能分析工具，对我们开发的所有功能进行打包分析它的应用非常简单$npmrunpreview----report这个命令会从我们的入口main.js进行依赖分析，分析出最大的包
·2021-09-10 10:01

vue-cli配置使用Vuex的全过程记录

目录前言安装使用模块化管理vuex状态持久化总结前言    在vue开发用我们常常会用到一些全局的数据，比如用户信息、用户权限、一些状态等等。我们传统的数据都是单向的，所以我们得一层一层的传递，这样我们遇到一个多组件共享一个数据的时候，单向的这个数据就很难以维护，比如一个组件嵌套很多层但是，数据改变方法就得一层一层的传递。这时候我们就可以引入了vuex。    vuex是一个专为Vue.js应用程
·2021-09-05 12:20

扛得住的MySQL数据库架构

node-vnpm-vcnpm-v装置cnpm运用npm装置依赖模块可能会很慢，倡议换成[cnpm]npminstall-gcnpm--registry=http://registry.npm.taobao.org装置vue-cli
·2021-09-04 10:21

Docker部署前端项目（nuxt）

为什么是nuxt，不是vue-cli？因为当时公司要求实现静态化，有利于seo，还专门请了seo工程师。
snowball@li·2021-09-02 23:33

Vue-cli3.0 分环境运行/打包

太久没复习vue-cli的配置知识有点忘记了，后面查询资料配置完成，此文章作为记录以防后面忘记。
皮的狠·2021-09-02 11:07

VUE错误日志监控（三）

vue的项目基本都是基于vue-cli或者webpack搭建的，我们要在生产环境打包完成后将.map文件上传到日志服务器最容易实现的办法就是采用webpack的plugin，只需要在打包完成后扫描.map
Carols·2021-09-01 15:30

手把手教你快速制作基于Element UI组件npm包

一、发布npm包1、通过vue-cli初始化一个项目后，编写可复用子组件这里我把可复用子组件放在了src\components\common\组件名目录中image.png项目中我开发了DatePickerHasOps.vue
该帐号已被查封_才怪·2021-08-21 16:36

Vue全家桶学习笔记_零基础入门到入坑:Vue篇

文章目录前言什么是Vue,什么又是框架完善的准备Vue引入npm安装cnpm镜像加速器安装Vue-Cli脚手架安装webpack安装webpack-cli安装axios安装vue-router安装devtools
碳苯·2021-08-20 17:21

使用vue-cli进行开发时常用的几个依赖和插件

使用vue-cli进行开发时常用的几个依赖和插件插件vuetify在国外的人气很高，国内知名度不高，是一个基于vue的组件化前端框架，类似bootstrap，提供了一整套完整的解决方案给开发者，使得开发者不需要自行编写
空木幻城·2021-08-17 19:16

vue-cli的安装与使用

vue-cli的安装与使用为什么需要安装vue-cli？
空木幻城·2021-08-17 19:23

vue-cli创建的项目引入图标字体——有坑

第一步：找需要的去https://www.iconfont.cn/找到需要的图标下载到本地第二步：添加下载好解压出来，添加到项目文件夹中第三步：引用在路由文件中用import'../../font/iconfont.css'引入。我这里用router当作路由文件夹，所以router文件夹下的index.js就是路由文件，就没用src目录下的main.js当作路由文件在要使用图标的页面中引用我这里就
·2021-08-17 14:03

vue-cli创建的项目如何使用路由方式实现页面跳转——重点

一、constroutes=[//下面两个花括号里因为创建项目自带没删，就注释掉//{//path:'/',//name:'Home',//component:Home//},//{//path:'/about',//name:'About',////routelevelcode-splitting////thisgeneratesaseparatechunk(about.[hash].js)fo
·2021-08-17 02:29

npm install -g vue-cli 报错问题

首先按照之前的流程构建一个vue项目是这样的npminstall-gvue-clivueinitwebpackmy-project但是今天在创建时，却出现了问题(~~~因为好久没创建了)首先你要了解官方文档的解释点击查看VueCLI官方地址image.png没错，旧版本已经弃用了，按照新的话就需要这样子（但是在我这边出现了部分问题，没有的话可以忽略）npminstall-g@vue/cliimag
誰在花里胡哨·2021-08-16 11:37

Vant 在vue-cli 4.x中按需加载操作

在vue-cli4.x中使用vant出现的问题,在这里记录一下一.如果使用按需加载,需要下载babel-plugin-import转换一下,下载babel-plugin-importcnpminstallbabel-plugin-import-D**二.在根目录中找到babel.config.js文件,添加字段**"plugins":[["import",{"libraryName":"vant"
·2021-08-11 16:27

vue 快速入门 系列 —— vue-cli 上

其他章节请看：vue快速入门系列VueCLI4.x上在vueloader一文中我们已经学会从零搭建一个简单的，用于单文件组件开发的脚手架；本篇，我们将全面学习vue-cli这个官方的、成熟的脚手架。
彭加李·2021-08-11 15:00

7、vue-cli初步

1.下载安装node.js一路默认安装，启动命令行，输入命令node-v，可以看到node.js的版本号node.pngSnipaste_2019-03-24_21-27-39.png2.安装vue-cli
Rebirth_914·2021-08-07 12:46

Vue-cli框架实现计时器应用

技术背景本应用使用vue-cli框架，并使用了自定义组件（将按钮拆分成单独的组件）和vue模板。使用说明开始正计时：点击工具栏的“开始正计时”按钮即可，快捷键为"Enter"键。
·2021-08-06 20:50

3、最全的Vue3知识点，随时更新

使用vue-cli创建输入下面的命令然后选择配置项进行安装即可，这里注意vue-cli的版本一定要在4.5.0以上//安装或者升级npminstall-g
天策上将记录学习的地方·2021-08-06 08:33

vue3学习之旅-Vue-CLI及其原理&尤大大新宠Vite-下一代前端开发构建工具Vite:拿来吧你!

文章目录Vue-CLI和ViteVue-CLIVueCLI脚手架VueCLI安装和使用安装VueCLI（4.x）升级VueCLI脚手架的使用vuecreate项目的过程项目的目录结构配置详解适配浏览器的配置
听雨少年毛毛·2021-08-04 16:14

VUE2基础知识

)在传统的前端开发中,是基于jQuery+模板引擎来构建界面的vue全家桶vue核心库vue-router(路由)vuex(全局状态管理)vue组件库(快速搭建页面UI效果的方案)辅助vue开发的工具vue-cli
王果果·2021-08-03 16:37

Vue打包后页面出现空白解决办法

一、vue-cli创建项打包后打开页面为空白的问题解决命令行输入：npmrunbuild打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。
·2021-08-03 13:35

Node.js中npx命令的使用方法及场景分析

npx使用教程今晚在学习Vue-Cli时,由于突发奇想想试试最新的@4.x.x版本,但是本地全局安装的脚手架版本是@2.x.x的,因为不想污染全局于是就想到用npx命令,一路上踩坑不断,为了以后能够更好的使用
·2021-08-02 11:48

Mac 安装node.js、vue-cli

安装node使用Homebrew安装#查看node.js版本/本地是否安装node.jsnode-v#指向homebrew安装node的目录brewlinknode#卸载node.jsbrewuninstallnode#安装node.jsbrewinstallnodewherenode官网下载https://nodejs.org/zh-cn/down...npm镜像源设置为淘宝镜像npm全称Nod
·2021-07-31 20:28

【Vue】前端博客从0到1（1.脚手架初始化项目+安装Element-UI）

首先使用vue脚手架:vue-cli搭建一个初始化项目：（脚手架的安装）vueinitwebpack接下来开始启动项目n
·2021-07-30 11:40

构建实用VUE3项目

1、自然是将VUE-CLI升级到最新版本啦（卸载旧的，安装zhui新的）npmuninstall-gvue-clinpminstall-g@vue/cli你要是想看看脚手架的版本，那敲这个vue--version2
2d7d8f6263c1·2021-07-15 18:26

vue-cli做了什么?(vue create)

目录结构找到入口之package.jsonvue-cli的目录结构|center从上面的图片中，大致可以看出，packages是包的集合，scripts可能是脚本的集合，但是整体入口确不清楚在哪里。分析源码的第一步，找到入口文件，先打开package.json看一下，这毕竟是一个npm项目的声明文件。{"private":true,"workspaces":["packages/@vue/*","
我有壹只小毛驴·2021-07-11 16:20

02 Vue3 从读懂第一个页面代码开始

层叠样式表，用来让你的页面更加生动和好看，建议了解CSS3了解什么是JavaScript:简称"JS",解释性或即时编译型的高级编程语言，建议了解JavaScriptES6规范Vue3项目目录结构使用vue-cli
行者深蓝·2021-07-09 11:58

【vue】11.0 vue-cli CSS作用域、Vue.config.js配置、json-server前端假数据、单文件swiper引入

创建一个componets/Child2.vue目的是给此div加上一个背景色。ThisisChild2exportdefault{data(){return{}},methods:{}}div{background-color:red;}修改componets/Child1.vueThisisChild1exportdefault{data(){return{}},methods:{}}div{
bobokaka·2021-07-04 23:19

vue-cli引入全局scss方法

引入scssvue-cli2.xnpminstallsass-loader--save-devnpminstallnode-sass--sava-dev之后再创建vue.config.js文件,如果这文件在你项目的根目录下面已经存在则不用创建module.exports={css:{loaderOptions:{sass:{prependData:`@import"@/assets/css/ind
魔王HG·2021-07-02 09:17

vue环境搭建以及使用vue-cli创建项目

我要跑vue项目，所以我要搞vue。1、环境搭建进入node官网下载对应版本的node，一步步安装即可。image-20210629150150436.png安装会自动配置路径和npm包管理环境，通过node-v进行验证image-20210629151411651.png设置npm的镜像源，使用国内的加快速度#设置npmconfigsetregistryhttps://registry.npm.
秃头哥编程·2021-06-30 08:41

ESLint配置

按照官网教程配置搭建后，发现每次编译，eslint都抛出错误，修改配置在.eslintrc.js中修改或者关闭eslint1、关闭eslint直接注释掉package.json文件中eslint的配置就可以了（以下是vue-cli
RemenberMe·2021-06-29 11:52

4 项目启动

在安装好了vue-cli脚手架后，我们来启动，看一下效果。cdvue-musicnpmrundev看到我们的项目正在启动，当出现下面的界面的时候，表示启动完成。
pwld·2021-06-27 21:12

vue-cli rem自适应 px to rem

1、下载lib-flexible使用的书vue-cli+webpack,所以用npm安装npmilib-flexible--save2、引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3、设置meta标签通过设置meta标签，设置设备宽度以及缩放比例4、安装px2rem-loadernpminstallpx2rem
慵懒时光双鱼·2021-06-27 21:02

vue rem适配

save2.在项目入口文件main.js里引入lib-flexibleimport'lib-flexible'3.安装npmipx2rem-loader--save-dev4.配置px2rem-loader在vue-cli
兜兜里冒糖糖·2021-06-27 19:22

Mac下搭建Vue项目2018-10-30

一.打开终端1.安装vue-cli脚手架构建工具，输入命令:$sudonpminstall-gvue-cli，安装完成即可2.选定路径，新建vue项目，这里我是新建到桌面上3.输入命令创建项目$vueinitwebpack
Px_Angelo·2021-06-27 13:10

从零搭建脚手架详细记录(一) - 下载模板文件

参考如何实现一个简单的Node.js脚手架如何实现一个脚手架进阶版（Vue-cliv2.9学习篇）我们无论是使用react还是vue，都会找到相关的脚手架工具，比如react的create-react-app，vue的vue-cli
woodccc·2021-06-27 10:42

如何安装最新版本Vue-cli，手把手教你保姆级教学

安装关于旧版本VueCLI的包名称由vue-cli改成了@vue/cli。
GitHub_itgoyo·2021-06-27 08:21

前端工程化3：如何编写一个Nodejs Cli应用/自定义脚手架

简单来说就是在命令行可以使用nodejs来执行的应用，例如：vue-cli、creat-react-app、webpack-cli等；在前端开发过程中我们会用到很多的工具，这些工具在安装过后可以直接使用命令行执行
·2021-06-27 03:24

前端工程化3：如何编写一个Nodejs Cli应用/自定义脚手架

简单来说就是在命令行可以使用nodejs来执行的应用，例如：vue-cli、creat-react-app、webpack-cli等；在前端开发过程中我们会用到很多的工具，这些工具在安装过后可以直接使用命令行执行
·2021-06-27 02:21

Vue----------vue-cli(1)使用vue-cli搭建项目

安装vue-cli1.安装node环境中文官网http://nodejs.cn/下载安装包。2.安装npm（cmd控制面板）npminstall-gnpm3.安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org使用cnpm-v查看是否安装成功4.然后使用cnpm安装vue-clicnpminstall-gvue-cli安装
默色留恋·2021-06-26 05:13

phpstorm上传vue-cli项目到网站服务器

phpstorm开发vue-cli并上传服务器怎么开发vue-cli项目这里不多做叙述，这里只交代完成cli项目之后怎么上传到网站服务器。
三赫·2021-06-26 01:36

vue之嵌套路由的使用

我们先来看下使用嵌套路由在router----->index.js里的配置，如图所示：图一二、这是我以前比较迷茫的地方，就是router-view的位置，到底在哪里加，什么时候加，这里我做一个详细的介绍以vue-cli
18fa100a8459·2021-06-25 19:27

vue官网重温笔记

热重载：(hot-reloading)你修改页面之后，自动刷新，不用手动刷新vue-cli的配置参考（待仔细学习）学习传送门：https://cli.vuejs.org/zh/config/#%E5%85%
拾钱运·2021-06-25 10:30

Vue 组件传值（vue-cli）

只能从父组件向子组件传值，如果想子组件向父组件传值就需要注册事件完成。不能直接在子组件为父组件赋值，虽然界面会有效果，但是会报错。App.vueimportAfrom"./components/A";importBfrom"./components/B";importCfrom"./components/C";exportdefault{name:"app",components:{A,B,C},
M78星云的MADAO·2021-06-24 22:35

vue-cli 3项目屏蔽eslint报错

这几天主管丢了一个cli3的基础框架给我，然后后续在完善代码的过程中一直在报错，网上找了很多方法，好像很多还停留这新建vue.config.js的cli3初始版本时代，找.eslintrc.js项目里也没这个文件，最后找到一个简单又通用的方法，在vue.config.js里面加上一行：//vue.config.jsmodule.exports={lintOnSave:false}
粥蛋蛋·2021-06-24 17:00

npm安装教程

vue-cli:用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npminstall就可以安装）开始：如图，下载8.9.3LTS（推
InFatuated·2021-06-24 13:21

vue开发在线简历编辑总结

element-ui----UI组件库normalize.css----重置掉该重置的样式LeanCloud----存储数据html2canvas----HTML转成canvasjsPDF----转成PDF安装//安装vue-cli
取个帅气的名字真好·2021-06-24 11:16

storybook创建vue组件库文档

官方文档https://storybook.js.org/docs/vue/get-started/introduction一、安装storybook依赖脚手架的一些默认配置，所以先用vue-cli创建项目
Smile0204·2021-06-24 09:03

2018-05-18 Vue-cli配置多环境

需要本地安装cross-envcnpminstall--save-devcross-env1.修改build文件夹中的build文件//constspinner=ora('buildingforproduction...')constspinner=ora('buildingfor'+process.env.NODE_ENV+'of'+process.env.env_config+'mode...
苏打丶观·2021-06-24 07:06
上一页 59 60 61 62 63 64 65 66 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他