E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUE-CLI
vue入门:使用
vue-cli
新建vue项目
初次接触前端框架,做为前端小白,坚持学习,提升自我,才是正道。现在流行的前端框架很多,vue相对于来说较为简单,更容易上手。现在将自己一步步学习过程进行记录,便于以后查阅,也作为积累,同大家分享。一、安装node.js1、在官网中安装nodejs最新版本。地址:https://nodejs.org/en/download/,根据自己环境,进行下载安装。2、安装完成后,进行nodejs版本及npm版
dell_ling
·
2023-04-18 06:21
vue2升级vue3:webpack vue-loader 打包配置
如果没有啥特别的需求还是推荐
vue-cli
!
zhoulujun
·
2023-04-18 04:21
Vue项目实现笔记(一)
Vue.js创建一个项目首先安装node.js\npm\
vue-cli
\vueinitwebpackprojectName?ProjectnameprojectName?
DX初学者
·
2023-04-18 00:36
前端处理excel 文件
拿
vue-cli
脚手架进行举例//vue.c
编程知识圈
·
2023-04-18 00:38
Vue-cli
命令行工具项目配置源码解析
我们都知道vuecli是vue.js提供一个官方搭建项目命令行工具,可用于快速搭建大型单页应用。以下是
[email protected]
搭建项目的配置源码解析相关目录├──build│├──build.js│├──utils.js│├──check-versions.js│├──vue-loader.conf.js│├──webpack.base.conf.js│├──webpack.dev.conf.js│
web行路人
·
2023-04-18 00:39
vue
从
Vue-cli
看 webpack配置
用了哪些loader?vue-loader:把vue转成jssass-loader:把sass转成csscss-loader:把css转成jsstyle-loader:把css注入到js里,通过dom操作stylus-loader:加载并编译stylus文件file-loader:把文件输出到文件夹中使用相对路径引用url-loader:与file-loader类似,唯一不同的是可以添加阈值,超过
阿奇是只猪
·
2023-04-18 00:37
webpack
webpack
白话 Prettier
偶然一次新建deme,发现
vue-cli
初始化项目
唐小律
·
2023-04-17 21:07
vue项目搭建步骤以及一些安装依赖包
一.
vue-cli
初始化全局安装vue-clinpminstall--globalvue-cli创建一个基于webpack模板的新项目vueinitwebpackmy-project安装依赖cdmy-projectnpminstall
觉释
·
2023-04-17 21:22
安装
vue-cli
先去nodejs.org下载nodejs。然后在终端上输入npminstall-g@vue/cli进行安装npm,由于插件一般都在国外,建议安装cnpm淘宝源,sudonpminstallcnpm-g–registry=https://registry.npm.taobao.org
Big_Zheng
·
2023-04-17 16:39
如何运行别人的项目(vue)
,输入node-v查看是否安装完成,如果显示版本号,说明安装成功输入淘宝镜像地址:npminstall-gcnpm-registry-https://registry.npm.taobao.org安装
vue-cli
Camille_7
·
2023-04-17 14:14
笔记
vue.js
前端
vue-cli
安装失败/找不到vue.cmd 解决办法
要写个项目从一开始就焦头烂额的看各种教程让找nodejs下的vue.cmd无奈怎么全局搜索就是搜不到看到了一个大神的文章终于解决了燃眉之急链接奉上:https://blog.csdn.net/httguangtt/article/details/86539509为了方便查看我直接复制过来一份-------以下是原文---------------------借鉴文章:https://www.jian
const_express
·
2023-04-17 14:08
为 Vue-cli2 项目设置不同的后端 API
当
Vue-cli
项目的生产版本和发布版本调用的api不同时,我们可以在build/webpack.dev.conf.js和build/webpack.prod.conf.js中分别添加键值对API_ROOT
Stefango
·
2023-04-17 13:00
vue使用vant第三方vant报错:Uncaught TypeError: Object(...) is not a function at eval,终端有黄色提醒
vue中引入vant时报标题上错误,很大原因是引入vant版本不对,注意你Vue的版本而不是VUE脚手架(
vue-cli
)版本,
[email protected]
是vue版本号,使用npmlistvue在终端查看(注意要进入项目中输入
零点呀
·
2023-04-17 08:54
vue
vue的脚手架
vue-cli
从创建项目到发布到线上使用
什么是vue-clivue-cli是vue.js的脚手架,用它可创建一套vue模板,可快速构建一个vue项目进而快速开发。准备工作:安装node,如果已经安装,此步可跳过。没办法翻墙用谷歌的道友还是直接百度吧,关键词搜node,进入它的官网,英文或中文版官网都行,可以在首页直接点击下载,也可以去下载页根据你的系统版本选择node的版本去下载。如果以前没玩过node或者npm,建议直接下载最新的版本
Lofan93
·
2023-04-17 08:39
vue-cli
新建vue(2.x版本)项目
npminstall-g@vue/cli//查看vue的版本vue--version//2.9.3vueinitwebpackmy-project//初始化名叫my-project的项目//上面命令执行后会出现下面的选项,根据自己的需求去选?Projectnamemy-project?ProjectdescriptionAVue.jsproject?Author//后面会跟上author的信息,这
咕嘟咕嘟li
·
2023-04-17 05:06
解决vue init webpack project新建项目权限问题
背景最近开发项目时,同事学习vue项目时自己用官网命令vueinitwebpackproject新建项目时出现/usr/local/lib/node_modules/
vue-cli
/node_modules
sunny2786
·
2023-04-17 04:06
vue-cli
脚手架之package.json
package.json文件配置及其含义,这个是
vue-cli
自动生成的文件,先贴一张代码及其含义:{"name":"secondproject",//模块名称"version":"1.0.0",//模块版本
Sky波哥
·
2023-04-17 00:54
报错:Component name....multi-word-component-names——ESLint关闭校验的两种方法(简单好用)
其进行自动检测的原因是因为我们在使用
vue-cli
创建项目使用了最新的vue/cli-plugin-eslint插件,引用了vue/multi-word-component-names规则,所以在编译的时候判定此次错误
被神明喜欢‘
·
2023-04-16 14:52
报错合集
vue.js
javascript
vscode中eslint语法报错问题
问题我们使用
vue-cli
创建项目,默认会启用eslint语法检验,虽然是个好东西,可以让我们的代码格式非常的规范,但是他过于严格的语法规范,比如不能加分号,使用单引号,代码结尾还有有一个空行等等过于严格的要求
佛系小菜鸡
·
2023-04-16 13:52
前端
vue
【
Vue-cli
】前端工程化环境准备
一、知识点整理1、
Vue-cli
是Vue官方提供的一个脚手架,用于快速生成一个Vue的项目模板。
林月明
·
2023-04-16 12:04
vue.js
npm
javascript
Vue3笔记01 创建项目,Composition API,新组件,其他
Vue3创建Vue3项目
vue-cli
//查看@vue/cli版本,确保在4.5.0以上vue--version//安装或升级@vue/clinpminstall-g@vue/cli//创建项目vuecreatenew_project
GYQ1
·
2023-04-16 09:47
前端
vue.js
前端
javascript
vue-cli
安装stylus,sass,less
stylus:npminstallstylusstylus-loader--save-devsass:npminstallsasssass-loader--save-devlessnpminstalllessless-loader--save-dev
你的美,让我痴迷
·
2023-04-16 04:47
vue-cli
vue.js
sass
less
vue项目中npm安装sass,less,stylus
用
vue-cli
脚手架搭建出来的,默认是用标准css的。如果你想用sass,less,stylus就需要自己手动安装一下了。
weixin_30656145
·
2023-04-16 04:17
javascript
webpack
ViewUI
vue 创建新项目
有显示指定版本说明node安装成功2.安装脚手架
vue-cli
:输入命令:npminstall-g@vue/cli、接着用命令vue--version查看是否安装成功3.新建项目:命令:vuecreate
大佩梨
·
2023-04-15 21:17
vue.js
vue.js
npm
node.js
从0开始用node写一个自己的命令行程序
像我们常见的webpack,
vue-cli
都属于命令行程序。本文将带你从0开始用node写一个自己的命令行程序,并发布到npm。
tiancai啊呆
·
2023-04-15 19:26
【vue 学习笔记02】
vue-cli
搭建平台
1.新建、运行vuecreatevue-ebooksnpmrunserve2.打包文件npmrunbuild双击打开dist/index.html会发现资源加载失败ScreenShot2019-05-16at8.12.45AM.png根目录新建vuecli(v3.3)配置文件vue.config.js,配置开发和发布的资源路径module.exports={publicPath:process.e
滕的世界
·
2023-04-15 18:03
查看Vue版本 node.js版本
vue-cli
版本
查看node.js版本node-v查看vue版本npmlistvue或者进入项目中package.json文件直接查看查看
Vue-cli
版本vue-V或者vue--version
前端一枚
·
2023-04-15 16:54
node
vue
vue3.0的最新安装(避坑指南)
解决vue3.0安装中遇到的各种问题1.VueCLI的包名称由
vue-cli
改成了@vue/cli。如果你已经全局安装了旧版本的
vue-cli
(1.x或2.x),你需要先卸载它。
超越时空人
·
2023-04-15 16:23
vue.js
Vue3.0——Vue3简介、Vue3带来了什么、拥抱TypeScript、新的特性、Vue3.0环境集成
Vue3带来了什么2.1性能的提升2.2源码的升级3.拥抱TypeScript4.新的特性4.1CompositionAPI(组合API)4.2新的内置组件4.3其他改变5.Vue3.0环境集成1.使用
vue-cli
爱喝牛奶~
·
2023-04-15 16:53
vue.js
javascript
前端
vue
前端框架
uniapp踩坑-使用
vue-cli
框架对node版本有要求
uniapp踩坑-使用
vue-cli
框架对node版本有要求前言-背景最近在开发uniapp,官方文档提供的开发方式有两种,一种是通过HBulider可视化界面创建,一种是通过
vue-cli
命令行创建,
caixuanji
·
2023-04-15 16:20
App
前端
前端
uni-app
npm
vue-cli
工程配置多个代理
前言主要是两个地方添加配置,使用的方法可自行参考添加配置.env.development文件配置#开发环境配置ENV='development'#开发环境VUE_APP_BASE_API='/dev-api'#ftp代理/开发环境VUE_APP_FTP_API='/ftp-api'vue.config.js文件配置代理示例,这里使用.env.development文件中相应的配置名称,为了明显,这
sunxiaochuan
·
2023-04-15 16:00
简陋的
vue-cli
项目改写成nuxt2项目
引入第三方插件11.配置meta12.开启gzip、brotli压缩13.部署这个项目之前也是想用nuxt做的,但是当时还不会,就用了预渲染,最近刚学了nuxt,顺便练习一下原项目是基于vue^2.6.11、
vue-cli
AIpoem
·
2023-04-15 15:13
nuxt
nuxt2
vue-cli
中配置gzip压缩
对于静态资源,有两种开启压缩的方式,一种是compressintime,一种是precompression。第一种方式是在服务端实时压缩,第二种方式是在前端预先压缩了。这样当HTTP请求到达之后,直接响应已经压缩过的文件,可以节约服务器的cpu下面介绍的是第二种方式如何配置,只记录前端部分的配置,(因为服务器nginx那边不是咱们配的咱们也就是不太清楚内容1.引入依赖compression-web
AIpoem
·
2023-04-15 15:12
vue学习
性能优化
gzip
vue-cli
vue-cli
项目中axios接口封装以及api的统一管理
一、在src下新建http.js和api.js接口请求封装:http.jsimportaxiosfrom'axios';constwithAxios=apiConfig=>{//环境的切换if(process.env.NODE_ENV=='development'){axios.defaults.baseURL='http://192.168.1.231:9000/admin';}elseif(p
温暖柏林的伤
·
2023-04-15 15:09
创建Vue3.0工程
1.使用
vue-cli
创建官方文档:创建一个项目|VueCLI(vuejs.org)##查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue
知不足,而学习
·
2023-04-15 13:06
前端框架Vue2+Vue3
vue.js
javascript
前端
Vue 设置全局Css变量
Vue-cli
创建的Vue项目,由于功能需求和开发便利,需要将一些常用的css值作为变量封装,但是在看了网上的好多文章,做了之后,一直报错最后误打误撞,重启了项目之后,一切正常,归咎于学识不够,我一直以为
xiaoguo学编程
·
2023-04-15 04:54
html5
vue
Vue3技术1之Vue3简介、创建Vue3工程、分析工程结构、安装开发者工具与初识setup
Vue3技术1Vue3简介发展提升创建Vue3工程使用
vue-cli
创建使用vite创建分析工程结构(由
vue-cli
创建的)main.jsvue.config.jsApp.vue安装开发者工具初识setupsetup
VillanelleS
·
2023-04-15 02:37
前端
Vue3基础
vue.js
javascript
前端
vue-cli5配置eslint的autofix (与之前版本有区别)
处理方法由于之前
vue-cli
版本({//保存时自动格式化代码config.module.rule('eslint').use('eslint-loader').loader('eslint-loader
ZZES_ZCDC
·
2023-04-15 00:10
vue-cli
脚手架和npm init vue@latest 区别
vue-cli
:vuecreateproject脚手架创建的vue3项目是基于webpack打包的npminitvue@latest:vue官方创建vue3项目的命令npminitvue@latest项目是基于
console.log('D')
·
2023-04-15 00:53
vue
vue.js
Vue-cli
-1.介绍,引入并使用
Vue-cli
就是Vue的开发者工具(脚手架工具)首先先检查node及npm是否安装用node-v及npm-v来检测版本号①首先在全局cmd中安装npminstall-g@vue/cli,后使用vue-
For9iVen
·
2023-04-15 00:49
Vue-CLI
入门(webpack入门、安装配置
Vue-CLI
(命令、手动、自动版本)、使用
Vue-CLI
创建组件和Vuex和Vue-router、配置跨域请求数据以及配置webpack添加插件等)
目录webpack入门链接
Vue-CLI
介绍安装配置
Vue-CLI
全局安装命令自动版本手动版本运行和打包项目使用
Vue-CLI
创建子组件使用Vuex使用Vue-router修改webpack配置
Vue-CLI
YF-SOD
·
2023-04-14 19:12
Vue
#
Vue
2.0
webpack入门使用
Vue-CLI安装配置
Vue-CLI使用Vuex
Vue-CLI使用router
Vue-CLI配webpack
uniapp之通过
vue-cli
命令行创建Vue3/Vite版,JavaScript开发,引入uni-ui扩展组件
注意:Vue3/Vite版要求node版本^14.18.0||>=16.0.0如果使用HBuilderX(3.6.7以下版本)运行Vue3/Vite创建的最新的cli工程,需要在HBuilderX运行配置最底部设置node路径为自己本机高版本node路径(注意需要重启HBuilderX才可以生效)HBuilderXMac版本菜单栏左上角HBuilderX->偏好设置->运行配置->node路径HB
慕木^_^
·
2023-04-14 18:01
uniapp
vue.js
javascript
uni-app
Vue Router 实现动态路由和常见问题解决方案;17 个场景,带你入门 CSS 布局
给「前端开发博客」加星标,每天打卡学习长按二维码即可识别“进入网页”查看哟~1、简单的Vue脚手架案例实现步骤通过
vue-cli
脚手架工具,初始化项目,命名为test_project;在components
前端开发博客
·
2023-04-14 15:19
编程语言
html
css
javascript
js
O2OA开源企业办公开发平台:使用
Vue-CLI
开发O2应用
Vue-CLI
是Vue官方提供的CLI工具,用于为应用快速搭建繁杂的脚手架。本章我们介绍使用
Vue-CLI
工具在Node,js环境下,Vue和O2集成应用开发,并在O2平台的webServer下运行。
liyi_hz2008
·
2023-04-14 14:03
关于O2OA
开源软件
利用O2OA搭建企业办公平台
前端
javascript
vue.js
Vue.js 2.0 快速上手精华梳理
Vue基础对于没有接触过es6和webpack的童鞋来说,不建议直接用官方的脚手架
vue-cli
构件项目。先按文档顺序最少学习完组件那一章。
栀夏暖阳
·
2023-04-14 13:24
Vue2.0点滴知识
【vue框架】
vue-cli
从0开始搭建移动端vue项目框架(vscode版本)
一.使用
vue-cli
搭建项目安装vue/cli1.安装vue/cli,执行下面的命令安装或是升级npmi-g@vue/cli安装vue/cli报错解决方案如果安装报错如下npmWARNrollbackRollingbacknode-notifier
我有满天星辰
·
2023-04-14 11:36
#
【Vue教程】
vue.js
npm
javascript
【vue项目】vue项目创建全流程,创建使用
vue-cli
搭建项目
一.使用
vue-cli
搭建项目1.安装vue/cli,执行下面的命令安装或是升级npmi-g@vue/clinpmi-g@vue/cli安装报错如果安装报错如下npmWARNrollbackRollingbacknode-notifier
我有满天星辰
·
2023-04-14 11:03
#
【Vue教程】
vue.js
npm
javascript
从零一步步实现一个前端脚手架
前端脚手架工具发展的日益强大,比如
vue-cli
,create-react-app等等是在vue,react开发搭建项目常用的脚手架。
小猿_Luck_Boy
·
2023-04-14 10:06
手把手教你如何使用webpack搭建vue2.x的
vue-cli
脚手架
1、选择node版本和下载安装Nodenode和npm版本对应表:https://nodejs.org/zh-cn/download/releases/https://nodejs.org/zh-cn/download/releases/nodeJs到14.0.0就不支持win7系统了,只能选择之前的版本,比较新的是13.14.0版本。注意:13.14.0版本的node不能使用cnpm首先前往no
书中自有妍如玉
·
2023-04-14 10:02
前端
vue.js
vscode
javascript
用webpack搭建Vue2.x开发框架
然后学习到了如何搭建Vue2.x开发框架,刚好让我了解到我这半年接触到的商品库项目的开发内容里的配置文件,原来是这样子的配置,所以,我在这里总结记录一下,也为那些还不懂的同学,作为借鉴吧~一、vue以及
vue-cli
cai0_0
·
2023-04-14 10:00
vue
+
webpack
搭建开发环境
webpack
vue.js
开发框架
框架
webpack
vue-js
上一页
31
32
33
34
35
36
37
38
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他