javaweb工程在vue脚手架下创建空工程（cmd命令行输入vue ui）

已于 2023-08-23 15:01:31 修改
阅读量258 收藏
点赞数
分类专栏： Java后端 文章标签： vue.js javascript 前端 java maven
于 2022-11-29 17:18:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52116878/article/details/128100992
版权
java后端笔记 同时被 3 个专栏收录
22 篇文章 0 订阅 ¥299.90 ¥399.90
订阅专栏 超级会员免费看
前端笔记
7 篇文章 0 订阅 ¥299.90 ¥399.90
订阅专栏
Java后端
22 篇文章 0 订阅
订阅专栏
本文档详细介绍了如何使用Vue CLI创建一个针对JavaWeb项目的空工程，包括安装vue脚手架、配置路由、element-UI组件库、axios以及初始化git仓库。通过删除不必要的组件和资源，整理出简洁的项目结构，并指导如何创建主页组件和设置路由重定向。
摘要由CSDN通过智能技术生成

步骤

  1. 安装vue脚手架（已经安装过一次的不需要）
  2. 使用vue脚手架创建项目
  3. 配置 vue 路由
  4. 配置 element-UI 组件库
  5. 配置 axios 库
  6. 初始化 git 远程仓库 （可选）
  7. 将本地工程托管到Github（可选）

在这里插入图片描述

vue-cli-plugin-element在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
less-loader
在这里插入图片描述
less

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Jay Yang.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
[demo]新建一个vue空白项目并上传到github上
tom_wong666
09-15 2475
如题，这是两个问题： 一，如何建立一个vue空白项目； 二，如何把自己的项目上传到github上去。 因为想做一个个人的vue项目，放到github上，就记录了过程，给大家参考。 环境说明：win 10+npm5.6.0+vue 2.9.6+git2.18.0.windows.1 下面分步骤介绍。 如何建立一个vue空白项目： 1，资料盘或桌面新建一个文件夹，文件夹名字不要带特殊...
一个空白的vue工程
08-03
这是我学习vue以来搭建的第一个vue项目，开始并不知道要单独搭建vue项目，只自学了vue的用法，后来发现vue和ie不兼容才知道vue要单独搭建项目，在从中配置
uni-app项目创建
qq_44658163的博客
03-10 679
使用uView UI 在官网下载脚手架空白工程 uView官网版本1——资源——脚手架空白工程 码云仓库 码云上面有教程， 挺清楚地 1.在git上创建 2.在终端创建 git init 初始化 git status 查看状态 git add . 把所有文件提交缓存 git commit -m "add" 注释 和线上仓库创建联系（复制码云上的） git remote add origin git@gitee.com:............. git push 推送 g
一、创建空的vue项目及步骤解析
qq_23135259的博客
01-13 1920
命令行创建vue2.0项目，及步骤解析
从零搭建uniapp app,适合小白,傻瓜化,页面搭积木可视化创建
u013931283的博客
10-27 2229
分享一: 从零搭建uniapp app 分享二: 一个 uniapp uview ui 可视化,完全自由拖拽,一键生成flex代码网站: http://aicode.shagua.wiki/uni/index.html#/ 十大特性 1.可视化,自由拖拽,推导出flex布局,尽可能兼容多端(h5,微信小程序) 2.支持uviewui内置所有图标,也可以使用阿里图标库160万+图标(需填写网络路径) 3.支持在遮罩mask,弹窗Popup,modal 等组件,直接拖拽,绘制 4.对于常用的表单组件,可直接帮你
JavaWeb网页，vue+springboot+mybatisplus，老年管理平台
07-16
在本项目中，我们主要探讨的是一个基于JavaWeb技术栈的老年管理平台的构建，它融合了现代化的前端框架Vue.js、后端轻量级框架SpringBoot以及数据库操作组件MyBatisPlus。这个平台旨在为老年人提供一个集游戏、购物、...
基于javaweb+vue+mysql的课程管理系统源码.zip
08-22
基于javaweb+vue+mysql的课程管理系统源码.zip基于javaweb+vue+mysql的课程管理系统源码.zip基于javaweb+vue+mysql的课程管理系统源码.zip基于javaweb+vue+mysql的课程管理系统源码.zip基于javaweb+vue+mysql的课程...
eclipse创建javaweb工程
07-22
资源名称：eclipse 创建javaweb工程资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
JavaWeb-Vue
10-08
JavaWeb-Vue是一个结合了JavaWeb技术和Vue.js前端框架的学习资源集合。Vue.js是一个轻量级的JavaScript库，被广泛用于构建用户界面，尤其适用于单页面应用（SPA）。它以其易学易用、灵活和高性能的特点深受开发者...
JavaWeb项目-医疗管理系统（Vue.js、Element UI 、MySQL和 Servlet ）
04-24
该项目将采用 Vue.js、Element UI 和 Servlet 等技术进行构建，实现完整的医疗管理系统功能。整体项目包括登录、患者管理、类别管理、检查项管理以及检查组管理五大模块。 课程收获：  掌握 JavaWeb 开发的基础...
uniapp使用uview搭建小程序脚手架
qq_40820382的博客
11-10 4322
接下来将介绍uview如何配置到uniapp项目中 如果你想了解到更详细的文档，进入uview官网查看：http://uviewui.com/components/install.html 首先要去官网下载最新的包 下载地址 http://uviewui.com/components/install.html 官网提供了三种包 第一种方式只有uview源码，这是uview的核心。 第二种方式类似于一个uview项目的脚手架，这是个空项目，但它已经帮我们配置好uview了，所以如果你是一个新的uniapp
学习路之uniapp--引入uview框架
Green
01-12 278
1.创建远程仓库.github或gitee: 如: https://gitee.com/hopetomorrow2021/ma-weixin-app 2.克隆到本地磁盘 如: D:\workspace\ma-weixin-app 3. 到uview官网下载脚手架空白工程.(v1.0版本有) 4.导入HBuilder X,运行 自己记笔记...因为常忘了操作顺序.... ...
npm创建空项目踩坑（vue脚手架创建空项目）
blake32的博客
07-25 931
新手如坑指南
vue2.0 新建空项目并引入element-ui 步骤
zhangkeke_的博客
11-19 1461
从新建VUE项目到引入组件元 一，新建项目 1.查看 node和npm是不是已经安装好命令：node -v npm -v (没有安装的先安装环境); 2.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件，后面的安装npm可以全部改为cnpm) 3.安装 vue-cli 1、...
Vue 环境搭建&初始化一个空项目
f20052604的专栏
10-12 2741
一、安装Vue npm install vue 二、安装 vue-cli npm install -g @vue/cli vue-cli 是 Vue 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 三、初始化一个 simple 项目 vue crea...
vue 文件目录结构详解
weixin_30341745的博客
04-03 1149
vue 文件目录结构详解 本篇文章主要介绍了vue 文件目录结构详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 项目简介 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vuex、whatwg-fetch 编译/打包工具：web...
1.创建vue空项目（在电脑命令控制台和软件控制台都可以）
actores的博客
07-30 877
1.cmd-R打开控制台 2.新建一个空的文件夹（当然这里不建也行，搭建新项目的时候再重新起一个名字即可） 3.输入F:\>cd \demoTest进入空的文件夹（demoTest） 4.进入之后输入指令配置vue空项目F:\demoTest>vue init webpack demoTest 5.选择选项 6.等待加载依赖，运行成功 7.运行成功截图 8. 在vscod的控制台都可以进行（https://www.cnblogs.com/taoweizhong/p/1.
详细介绍 Vue3 的 watch 和 watchEffect
weixin_52648900的博客
08-15 981
非常详细介绍了vue3的watch和watchEffect区别和联系
avue-crud 自定义搜索项 插槽
最新发布
qq_31683775的博客
08-20 161
加上 -search 就可以自定义查询项了。
JavaWeb工程配置HTTPS及域名访问教程
在Java的JRE目录下，使用以下命令生成一个名为"tomcat"的别名的RSA算法证书，存储在指定的keystore文件中，有效期为3650天： ```shell keytool -genkeypair -alias "tomcat" -keyalg "RSA" -keystore "D:\DevDir\...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值