Vue-Cli

vue-cli脚手架

1.安装vue-cli的前提是你已经安装了npm，输入npm-v查看版本2.用npm命令安装vue-clinpminstallvue-cli-g(只需安装一次)3.初始化项目vueinitwebpackproject1
undefind33·2024-01-28 08:05

vue3框架基本使用

一、安装包管理工具vite和vue-cli一样，都是脚手架。
smile_pbb·2024-01-28 08:25

从零开发基于chatGPT的社区交友系统 (前后端分离)丨环境配置 01

01环境配置项目介绍安装配置Node.js下载安装配置淘宝镜像安装vue脚手架(vue-cli)可视化创建vue项目运行vue项目总结项目介绍本项目是一个基于ChatGPT人工智能技术开发的社区社交类应用程序
_Kaiser·2024-01-28 06:07

vue-cli4按需引入element-plus

文章目录项目说明一、步骤1.安装&配置element-plus安装配置2.安装&配置babel-plugin-import安装配置3.创建vue页面总结项目说明【配置环境】vue-cli^4.5.0，创建项目过程请参考
_有志青年_·2024-01-28 05:32

element-plus和vue3+vue/cli按需导入-自动导入

说明：vue-cli创建的项目中如何按需引入element-plus的方法，主要是配置config(vuecli配置的是vue.config.js)步骤0.前提条件，你项目得先安装element-plusnpminstallelement-plus
xuxiaoyu21·2024-01-28 05:01

Vue如何按需引入element-plus

（我们项目是通过vue-cli方式创建的）1.安装插件首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插件官方文档npminstall-Dunplugin-vue-componentsunplugin-auto-import
Wmenghu·2024-01-28 05:01

Vue3 引入Element-Plus组件库vue-cli按需自动引入+引入ElementPlus的Icon图标

一：引入Element-Plus组件库vue-cli按需自动引入1.使用包管理器（如NPM、Yarn）安装ElementPlus#NPM$npminstallelement-plus--save#Yarn
鱼干～·2024-01-28 05:01

在vue项目中使用mockjs

这里的vue项目是基于vue-cli创建的项目首先我们需要在项目里安装mocknpmimockjs-S安装后我们在src目录下创建一个mock目录src/mock/index.jsconstMock=require
不7而遇_·2024-01-27 14:28

使用element-ui项目打包后icon图标不显示

在使用vue-cli搭建项目的时候，用了element-ui组件库的图标的，使用npmrunbuild打包项目放到服务的时候，图标显示是框；需要修改两个配置：1.首先在config文件夹下的index.js
赵思远kelsty·2024-01-27 09:00

vue-cli 配置webpack去除console输出日志

build=>webpack.prod.conf.js在plugins:[]中增加newwebpack.optimize.UglifyJsPlugin({compress:{warnings:false,drop_debugger:true,//自动删除debuggerdrop_console:true//自动删除console.log},sourceMap:true})npmrunbuild后，
IceCover·2024-01-26 18:46

【nvm】安装nvm及node、vue-cli、淘宝镜像初始化安装

一、nvm常用命令查看已安装的node版本号nvmls查看目前可用的node.js版本号nvmlsavailable安装nodenvminstall版本号卸载nodenvmuninstall版本号切换nodenvmuse版本号二、nvm安装1、安装前先清除node的所有数据及缓存2、下载，选择nvm_setup.ziphttps://github.com/coreybutler/nvm-windo
zlting_·2024-01-26 15:30

vue create 创建项目的时候遇到使用nvm切换node后 提示‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件

报错:‘vue’不是内部或外部命令,也不是可运行的程序或批处理文件解决方法:1.检查node和npmnode-vnpm-v2.如果有就执行安装vue和vue-cli脚手架-g:全局安装npminstallvue-gnpminstallvue-cli-gvue-V
浅浅一笑^*^·2024-01-26 15:00

node管理工具NVM的使用及vue-cli脚手架的安装

一、nvm全名node.jsversionmanagement，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的node.js，并对yarn和cnpm进行管理。下面列出下载、安装及使用方法。1、卸载电脑当前已安装的Node.js。2、下载NVM压缩包由于官网下载需要搭梯子否则下载较慢，因此提供了网盘链接。链接：https://pan.baidu.com/s/1CV12n8h
Big_小小·2024-01-26 15:58

Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node绝对环境隔离-Node进阶测试环境Windows10nvm的测试版本:1.1.11Node:16.18.1一、安装V-cli3的脚手架具体参考1.Windows10-Node与Vue-安装Vue2
沐 修·2024-01-26 15:28

UBUNTU 2204 安装 npm node nodejs vue-Cli脚手架并创建项目

二、安装1.利用nodesource脚本安装node和npm2.安装vue-cli脚手架3.vue创建项目参考文献前言最近学习VUE，在ubuntu2204上配置开发环境，涉及到npmnodenodejsvue-Cli
kidylong·2024-01-26 15:58

【NVM】npm多版本管理工具安装踩坑：vue-cli无法正常升级创建vue项目

遇到问题使用nvm多版本管理npm后vue-cli无法正常使用创建vue项目，到处查了很多资料修改都不对，最后找到了一篇比较靠谱的借鉴参考终于解决了问题。
RachelY111·2024-01-26 15:27

创建vue项目

npminstallvue-cli//安装脚手架vuecreatemy-project//创建项目vuecreate项目名npmrunserve//启动项目安装架手架时：@vue/cli和与vue-cli
月色超冷·2024-01-26 06:21

vue下载模板时报 vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

今天在创建新的vue项目时报了这个错误，网上查了很多次，发现都没有什么有效的解决方法。于是经过多次运行，突然发现居然成功了据我猜测，可能是网络问题所以，如果你也出现这个问题，我给出的解决方法就是多试几次，或者换网络再试
wang_9909·2024-01-26 01:12

使用vue-cli创建new project报错： Failed to download repo vuejs-templates/webpack: read ECONNRESET

前言今天学习vue-cli，使用命令vueinitwebpackprojectname常见新的项目时，出现下面的报错信息：通过google找到github上相同错误提交信息，Failedtodownloadrepovuejs-templates
UchihaTotoro·2024-01-26 01:10

Vue-cli中报错Module not found: Error: Can‘t resolve ‘vue-router‘

看了一下我的代码没有问题，然后打开bilibili视频评论看来其他大佬的解决方法使用npminstall--savevue-router@3安装3.6.5版本的，结果可以运行困扰我好几个小时的问题终于解决了，感谢这位大佬
木兮_木兮·2024-01-25 21:03

VSCode之PowerShell中创建项目踩坑

.VSCode创建项目踩坑1.问题描述2.原因分析及解决方法1.原因：PowerShell执行策略默认为：Restricted2.解决方法1.VSCode创建项目踩坑1.问题描述使用vue-v命令查看Vue-cli
小袁搬码·2024-01-25 15:41

2020-04-27 解决Nodejs使用yarn安装vue-cli提示'vue' 不是内部或外部命令

网上给的解决方案一般都是让将node安装的路径（global目录）添加到path下。查看指定的global目录中只有npm和yarn的执行文件，没有vue的执行文件，并且多了一个bin目录。查看bin目录中有vue.cmd文件尝试将该bin目录也加入到path下。然后再次执行vue--version。这次提示：文件名、目录名或卷标语法不正确。D:\Programs\node-v10.16.3-wi
追寻1989·2024-01-25 13:34

vue项目输出配置文件

有很多时候在更改了一些项目配置后，发现并未生效，此时可以输出最终的项目配置文件，查看是否被vue-cli的一些默认行为覆盖了//在控制台输入vueinspect>output.js然后在项目根目录下会发现多了一个
YUJIAN。·2024-01-25 11:41

将vue组件发布成npm包

文章目录前言一、环境准备1.首先最基本的需要安装nodejs，版本推荐v10以上，因为需要安装vue-cli2.安装vue-cli二、初始化项目1.构建项目2.开发组件/加入组件3.修改配置文件三、调试
YUJIAN。·2024-01-25 11:08

Vue+OpenLayers7，快速搭建Vue+OpenLayers7地图脚手架项目。从零开始构建Vue项目并整合OpenLayers7.5.2

本章会详细讲解从NodeJS环境到npm环境的各个步骤，再到使用vue-cli脚手架快速生成项目，以及添加OpenLayers7地图库依赖，编写简单的xyz高德地图显示页面的完整教程。
汤姆猫不是猫·2024-01-25 09:36

Vue3快速入门

【基于vue-cli创建】2.2.【基于vite创建】(推荐)2.3.【一个简单的效果】3.Vue3核心语法3.1.
gengduc·2024-01-25 06:38

Vue：搭建前端项目-----我给你打个样

既然如此，我们就废话少说，直接开干：一、图形化创建项目1、安装Vue-cli脚手架npmi-g@vue/cli2、使用命令窗口输入以下命令//在你想要创建项目的文件件输入vueui3、在浏览器里打开
zyyn_未来可期·2024-01-25 03:48

VSCode创建VUE前端项目

npma、设置淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org#设置成淘宝镜像b、安装全局脚手架npminstallvue-cli-g#安装vue-cli
可乐丿不加冰·2024-01-25 03:48

使用VueCli创建vue2项目

适看人群：后端开发、编程初学者等首先有个问题：Vue和Vue-Cli是什么关系？有什么区别？做个类比：VueCLI=Vue+一堆的js插件。
许七安687·2024-01-25 03:17

vue创建项目的命令

一、确保已将安装node、vue-cli二、新建文件夹，通过文件加目录输入‘cmd’1、vuecreate项目名称选择vue2.x/vue3.x/自定义2、选自需要的配置项，回车选择3、先择创建的vue
Fating-Win·2024-01-25 03:47

vue创建前端项目

问题安装好后vue，按理说就可以创建vue项目vueinitwebpack项目名称npminstall，使用vue-cli脚手架搭建项目卡在sillidealTreebuildDeps没有反应解决办法在
小赖同学啊·2024-01-25 03:15

前端工程化(一)

现在市面上流行的React、Vue都有自己对应的脚手架如create-react-app、vue-cli。这些很成熟，但
无聊_069a·2024-01-24 23:28

开始学习Vue2（脚手架，组件化开发）

二、vue-cli脚手架什么是脚手架vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化的Vue项目的过程引用自vue-cli官网上的一句话：程序员可以专注在撰写应
Mangcun_tutu·2024-01-24 23:11

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他