VUE-CLI

vue-cli3.x常用配置

当前版本3.0.1大部分配置都是在vue.config.js中如果项目不存在该文件则新建一个vue-cli参考文档//vue.config.jsmodule.exports={//选项...、}常用配置
宇cccc·2021-06-24 05:46

使用node.js安装vue-cli脚手架

一、安装vue-cli的步骤1、node-v2、npminstal-gvue-cli（安装vue-cli）3.vue(运行vue命令)4.vuelist(列出可用的模板)。
石头_f0bc·2021-06-24 01:21

vue 获取本地json数据

static目录是vue-cli向外暴露的静态文件夹，所有静态数据都应该放到static目录中，因此如果想要获取本地json数据就只能放在static目录下。
摩诘居士·2021-06-23 18:10

常用git命令

1.创建vue-cli项目cdDesktopsudovueinitwebpack项目名routeryes其他no2.启动项目cd桌面cd项目npminstall//首次拉项目运行需要加npmrundev
曹锦花·2021-06-23 15:48

关于vue-cli脚手架打包后获取本地大图片或大文件报404的解决办法

是这样的，这个项目用vue-cli脚手架构建的项目，使用了element-ui中的字体图标，打包之后出现element-icons.ttf报404的错误。
xiaojianghu·2021-06-23 14:33

利用 Chrome 浏览器实现开发的页面在手机上实时同步更新预览

资料参考地址准备工作PC端安装谷歌浏览器手机需要开启【开发者模式】->【USB调试】手机数据线项目需在PC端本地起一个服务运行开始操作本地起服务（以vue开发为基石的）我这里使用的是vue-cli构建的项目
sunxiaochuan·2021-06-23 07:55

webpack打包优化（vue）

:使用vue-cli自动构建的项目，没有webpack的设置文件；需要更改webpack设置可以在vue.config.js中进行修改configureWebpack：返回一个对象chainWebpack
沉默固执老阿姨·2021-06-23 06:31

简单说说 Vue-cli

Vue-cliVue-cli是Vue官方提供的工具，用于快速生成前端开发的脚手架。结合了Webpack可以方便的进行打包，并且配置好了babelloader，可以方便的使用ES6安装npminstall-gvue-clivueinitwebpackclientcdclientnpmrunvue_cli_init_project.pngcdclientnpmrundev==>浏览器打开localho
蟹壳·2021-06-23 05:55

2019-10-24(入门helloworld+计算属性/监视+class与style绑定+条件+列表渲染)

--React（大型公司）---Vue（中小型）MVVM模式model:模型，数据对象（data）view：视图，模板页面viewModel：视图模型（Vue实例）：DOM监听+数据绑定Vue扩展插件vue-cli
前端小白学习记·2021-06-22 20:27

使用Vue-cli搭建项目

hello，大家好！最近一直都在做项目，所以没有及时更新我的文章，请大家多多包涵！下面请跟随我一起学习Vue，这里有我在工作中总结的重要的知识点以及项目中遇到的一些Bug！一、安装node.js首先需要安装node环境1、这是node.js最新固定版本下载地址：http://nodejs.cn；2、这是多版本的node.js的下载地址：https://blog.csdn.net/s8460049/
小鱼儿_逆流而上·2021-06-22 19:05

前端适配之vw兼容方案（Vue版）（转）

第一步：用vue-cli快速构建出一个项目通过脚手架生成的项目应该是如下结构：image第二步：安装插件为了实现vw兼容方案，我们需要安装如下插件：postcss-import相关配置
小仙有毒_1991·2021-06-22 17:26

关于vue-cli打包或者上线后文件各种路径或者找不到的问题解决方案

我们用vue搭建好脚手架，你npmrundev用着一直很爽，但npmrunbuild我里乖乖什么图片，css，js各种加载不了，解决办法1，打开build/webpack.prod.conf.js，增加publicPath:'./',即可如图,2，打开build/utils.js，找到options.extract：增加publicPath:'../../',即可如图,然后cmd运行npmrunb
前端小菜鸟御马·2021-06-22 15:05

@vue/cli3快速创建项目采坑记

在卸载了vue-cli2.X后，使用cnpminstall-g@vue-cli安装最新版的vue-cli脚手架工具，再使用vuecreatemyproject时构建不成功。
斯里兰卡的小狮子·2021-06-22 14:33

基于vue-cli脚手架生成vue项目

一、环境搭建1、安装nodejs，从node.js官网下载安装，默认一直点下一步即可，输入node-v时，安装成功，新版的nodejs已经集成了npm,通过npm-v查看，如下图所示：2、安装淘宝镜像（cnpm）(1)输入命令npminstall-gcnpm--registry=https://registry.npm.taobao.org(2)输入cnpm-v命令，查看安装结果cnpm-v(3)
MeydanZHOU·2021-06-22 13:02

vue-cli的安装及webpack创建项目

查看npm版本号接下来就是vue-cli的安装和后续项目的创建。
承大皮皮·2021-06-22 11:33

vue-cli webpack 工程目录详解

配置构建#安装依赖npminstall#启动服务,热加载默认localhost:8080,若8080已使用会自动找另外一个端口npmrundev#压缩构建生产环境npmrunbuild目录结构.├──build#webpack/node配置项├──config#测试、开发、上线的环境配置├──node_modules├──src#源代码目录│├──api#请求后端和模拟数据的API│├──asse
yfmei·2021-06-22 11:37

vue-cli项目中使用scss全局变量

1、安装sass-resources-loadernpmisass-resources-loader--save-dev2、修改vue-cli项目中build/utils.js中sass的加载设置return
如你眉间山水·2021-06-22 08:09

[javascript]vue-cli项目中使用autoprefixer

修改前build/utils.js文件50行QQ截图20170920144715.png改成：postcss:[require('autoprefixer')({browsers:['last10Chromeversions','last5Firefoxversions','Safari>=6','ie>8']})],修改后QQ图片20170920144844.png
IT小孢子·2021-06-22 07:04

创建项目命令

安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org3.需要安装webpackcnpminstallwebpack-g4.安装vue-cli
卐_c2a9·2021-06-22 06:26

VUE开发--Vue-Cli3(四十一)

一、Vue-cli简介VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli搭建交互式的项目脚手架。
无剑_君·2021-06-22 03:01

vue-cli 环境变量

环境变量在项目开发期间可能，我们可能发送ajax到一个地址，项目上线后又换另一个地址，我们呢又不希望每次去手动切换地址，所以这时候就用到了环境变量在项目运行的过程中，通过不同的命令，能加载不同的配置文件，从而获取不同的环境变量。环境变量的配置文件一、.env.development开发环境配置文件当运行npmrundev的时候会以此文件为配置，这个文件中可以针对开发环境配置的变量#开发环境的基础地
奥特曼　·2021-06-21 22:18

资源整理[第一篇]vue相关

vue博客Vue技术内幕从1万篇文章中挑出的40篇最棒的Vue学习指南（2018版）Vue.js源码分析Vue.js最佳实践（五招让你成为Vue.js大师）了不起的VirtualDOM(一)：起源深入认识vue-cli
websky·2021-06-21 21:54

Vue CLI

VueCLICommand-LineInterface，命令行界面，俗称脚手架VueCLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置安装使用
·2021-06-21 20:58

Vue CLI

VueCLICommand-LineInterface，命令行界面，俗称脚手架VueCLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置安装使用
·2021-06-21 20:11

【vue-cli】如何在测试/预发布环境使用production模式打包

前言vue-cli的打包模式有3种：development、test、production，其中development和test使用的是未优化的打包方式，于是问题出现了：问题如果我需要把项目部署到测试环境
Kagashino·2021-06-21 20:04

vue-cli和element-ui的使用

1、安装插件package.json文件位置运行命令vueaddelement选择按需加载中文即可。2、安装完毕以后，代码目录如下在element.js中看到如下代码，表示的就是按需引入，需要什么组件，就引入什么组件，现在只引入了一个按钮组件，注意两点引入的组件名字都是第一个字母大写，use的时候需要单独用一行。用的时候用中间用'-'线的，在这里用的字母大写的方式，因为html中不识别字母的大小写
咸鱼不闲001·2021-06-21 10:29

(一)VUE-router简易入门

本节知识点要是不用vue-cli脚手架的话，可以单独安装npmivue-router--save-dev要是使用脚手架的话，则可以不用安装了。
我拥抱着我的未来·2021-06-21 10:50

Mui-Vue-Pug-Sass-Starter

本文做为个人近几个月接触Mui的总结，主要通过Vue来模块化开发NodeJs&cnpm此部分跳过，请自行脑补Vue-Cli全局安装cnpminstall--globalvue-cli初始化Vuevueinitwebpackmui-vue-pug-sass-starterPS
七两半·2021-06-21 10:49

在Vue中使用echarts的两种方式

npmwebpackvue-cliechartsvue.js准备：使用vue-cli脚手架方式一、直接引入echarts先npm安装echartsnpminstallecharts--save开发：main.jsimportmyChartsfrom
抽疯的稻草绳·2021-06-21 09:20

从零开始使用vue-cli构建Vue项目

之前分享过不使用vue-cli，一步一步构建Vue项目，这篇文章是主要是为了更好的理解运行时构建vue项目（都是以.vue为后缀的独立组件）的构建过程和webpack相关功能的，对vue初学者比较友好。
前端很忙·2021-06-21 07:16

2020-05-22 Vue跨域请求怎么做(vue-cli 3.0)

耳熟能详的跨域手段一般是JSONP，CORS什么的，而Vue已经帮我们配置好了，只需在vue.config.js设置一下就行了注：vue-cli版本是2.0左右的会有webpack的config目录，而
Million1000000·2021-06-20 22:27

vue-cli关闭/禁用/使用ESLint语法检测功能

在使用vue-cli命令‘vueinitwebpack项目名称’创建项目的过程中，如果无意选择了ESLint语法检测，会在项目目录中出现如下的ESLint配置文件。
传奇狗·2021-06-20 12:59

Vue-cli 打包去掉console.log

使用webpack中uglifyjs-webpack-plugin插件newUglifyJsPlugin({uglifyOptions:{compress:{warnings:false,drop_debugger:true,drop_console:true}}})
郭靖_0179·2021-06-20 12:58

vue-cli 自己定义rem

1、在assets中建立js文件，新建rem.js文件，将计算rem方法写入rem.js文件当中如750设计稿rem.js文件为(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(){var
hiram_hu·2021-06-20 05:27

如何使用Vue-cli创建项目

这个对以后开发还是有很大作用的网址在这里node.js官网安装时候一路回车就行了（可以自己定义安装路径），成功以后win+r然后cmd在里面输入node-v看看是否安装成功node，成功以后会显示版本2.安装Vue-cli
杜伟杰525·2021-06-20 03:59

前端适配之vw兼容方案（Vue版）

第一步：用vue-cli快速构建出一个项目通过脚手架生成的项目应该是如下结构：14186251-d70158c751d0e801.png第二步：安装插件为了实现vw兼容方案，我们需要安
fish_3583·2021-06-20 00:27

创建Vue项目遇到报错

由于电脑以前装过Vue-cli,再次创建项目的时候报错了（首先说下报错原因，是vue和vue-template-compiler版本不一致造成的）如下所示：$vuecreatetest1D:\nodejs
·2021-06-19 23:43

第一节：Electron-Vue跨平台桌面软件开发之electron-vue的使用

1.Electron-Vue文档https://electron.org.cn/vue/index.html第一步:安装vue-cli和脚手架样板代码(1)npminstall-gvue-cli(2)vueinitsimulatedgreg
璐璐熙可·2021-06-19 20:29

使用Vue-Cli创建项目模板

Vue-Cli3创建（版本3与版本2不同）安装两种方式，使用npm或者yarn，注意是全局安装npminstall-g@vue/cli#ORyarnglobaladd@vue/cli安装之后，可以检查是否安装成功，使用命令vue--version或者vue创建一个项目有两种方式，一种是命令行，一种是图形界面创建命令行操作选择一个地方（一般用桌面）来创建你的项目vuecreatevue-demo接下
kiterumer·2021-06-19 16:01

npm安装教程

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

2019-04-01

Vue.js工程化项目起步——vue-router-demo:本例主要采用vue-cli配合webpack来创建项目，采用了VueRouter，引入axios库调用后端API，渲染数据，实现了增删改查功能
诅咒猎豹·2021-06-19 13:55

Vue学习笔记（一）

跨域问题vue前端跨域问题1.利用vue-cli框架与axios结合，访问服务器后端接口，axios不需要太多配置，如下图asiox配置2.主要需要配置vue的config文件夹下的idnex.js文件
我有的似乎只能是等待等待·2021-06-19 11:26

Vue 环境搭建（Vue-cli）

安装node.js下载node.js在终端输入node-v查看当前的node版本，下载完node里面自带的有npm包，可以使用npm命令安装Vue脚手架npminstall-g@vue/cli->MAC上全局安装要加sudo命令->sudonpmi-g@vue/cliyarnglobaladd@vue/cli怎么使用yarnyarn的安装可以用Homebrew(关于Homebrew的下载点击看我另
阿畅_·2021-06-19 06:48

vue-cli3+vant+vantRem适配方案项目搭建

1、安装vue-cli3脚手架，不懂的去vue-cli官网npminstall-g@vue/cli2、通过vue-cli3创建项目vuecreatemy-project创建的过程有很多选项，我的常用选项
泪滴在琴上·2021-06-19 05:14

Vue-cli vscode 的eslint自动格式化

安装插件npmi-geslint-plugin-vue创建项目跟路径下的文件：.eslintrc|.eslint.js//添加插件"plugins":["vue"]在你的vscode设置文件里添加：1、在vscode添加eslint插件2、在vscode添加vetur插件3、修改你的setting.json//添加进你的vscode的setting.json"eslint.autoFixOnSav
JennyGao66·2021-06-19 04:38

Vue.js2.0从入门到放弃---入门实例（一）

首先，列出来我们需要的东西：node.js环境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜像安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步
lkning·2021-06-19 04:08

对Vue.js音乐播放器的总结。（一）

1这个项目我们用vue-cli搭建,怎么安装它和怎么配置node文件就不介绍了。
Djknight·2021-06-19 02:38

Visual studio code 开发 Vue 记录

使用vue-cli初始化项目命令行下运行：vueinitwebpackdemo,前几项都默认回车，UseESLinttolintyourcode,选择Airbnb,unittest和e2etest暂时选择
saronic·2021-06-19 00:57

Vue3单元测试（给element的button组件写一个单元测试）

说到vue的单元测试，我们在用vue-cli创建项目的时候，可以选择test选项，而test就是vue-cli询问我们需要单元测试吗，如此
有一种感动叫做丶只有你懂·2021-06-18 23:40

1.初认Vue.js

请注意我们不推荐新手直接使用vue-cli，尤其是在你还不熟悉基于N
sherlockwit_孙鸣·2021-06-18 22:59
上一页 60 61 62 63 64 65 66 67 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他