使用 vue-cl4 的GUI 创建vue项目并引入elementUI

最新推荐文章于 2021-12-17 17:08:27 发布
最新推荐文章于 2021-12-17 17:08:27 发布
阅读量596 收藏 3
点赞数 2
分类专栏： Vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42304808/article/details/106611131
版权
本文档指导如何通过vue-cli4的GUI创建vue项目，并详细介绍了每个步骤，包括启动cmd运行vue-cli UI，创建项目，通过UI界面添加elementUI插件，以及成功启动项目后验证elementUI的el-button元素显示。
摘要由CSDN通过智能技术生成

1. 打开 cmd 并运行 vue ui 会自动打开vue-cli的UI界面

在这里插入图片描述

在这里插入图片描述

 2. 创建项目

在这里插入图片描述

最低0.47元/天 解锁文章
whylost迷心
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue-cli4 配置 element-ui 按需引入操作
10-14
主要介绍了Vue-cli4 配置 element-ui 按需引入操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue（4）elementUI的安装与使用
OVO_LQ_Start的博客
06-18 546
ElementUI的安装 1.进入要创建的工程的目录 cmd 管理员身份。 2.创建webpack工程 vue init webpack Element-Demo 3.进入项目目录 cd Element-Demo 4.安装路由 npm install vue-router --save-dev 5.安装element-ui npm i element-ui -S 6.安装依赖 npm install 7.安装SASS加载器 cnpm install sass-loader node-sass --save-
基于vue-cli、elementUI的Vue超简单入门小例子（推荐）
12-10
这个例子还是比较简单的，独立完成后，能大概知道vue是干嘛的，可以写个todoList的小例子。 开始写例子之前，先对环境的部署做点简单的介绍，其实和Vue官方的差不多。 #如若没有安装过vue-cli,先全局安装一下vue-cli $ cnpm i -g vue-cli #到自己喜欢的目录下创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # # #之后会有如下询问 ? Project name (my-project) #回车 ? Project description  #回车，也可以写点项目描述 ? Author #回车，或者输入
具有Vue.js集成的CodeIgniter 4骨架应用程序。-PHP开发
05-27
在CodeIgniter 4应用程序中使用Vue.js的示例在CodeIgniter 4应用程序中使用Vue.js的示例简介集成了Vue.js的CodeIgniter 4 Skeleton应用程序。 带有SPA的Vue路由器具有访问后的缓存页面的SPA应用。 使用CodeIgniter 4中的服务器端模板，并在Vue.js组件的render（）中使用Vue.compile（）进行编译。 将Vuex用于状态管理库，与组合页面上的sessionStorage结合使用。 Webpack对生产设置的支持1.运行composer create-project命令：composer create-
dat.gui 在Vue里的连接使用，包含实例
q1025387665a的博客
12-17 2188
前言：最近项目在整一个绘制栅格颜色的工具，使用到了dat.gui ，不知道是不是我的搜索方式有问题，只是看到了API的使用，在这一点上如何让两个folder之间产生关联 属实是 折磨了我一会。这篇文章会介绍dat.gui 在Vue 下的 最基本 使用，以及不同folder下的联动。包含增添、删除，更新数据等。在我默认你有一定前端基础的前提下，我会尽可能的缩短篇幅。 下载以及引入 npm install dat.gui --save-dev 安装在开发环境中即可。 import dat from 'da
Vue使用vue-cli创建项目
08-29
Vue 使用 vue-cli 创建项目 一、Vue 使用 vue-cli 创建项目概述 Vue 使用 vue-cli 创建项目是通过官方发布的 vueJS 项目脚手架来创建项目的。vue-cli 是一个可以快速生成 Vue 项目的工具，它提供了多种模板项目，...
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
vue项目创建并引入饿了么elementUI组件的步骤
10-17
主要介绍了vue项目创建并引入饿了么elementUI组件的步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用vue-cli创建vue项目，包含elementui和国际化处理
最新发布
02-07
使用vue-cli脚手架创建vue2项目的代码，，已集成element-ui和国际化处理，点击按钮可以切换中文，英文和日文。 适合0基础的前端初学者，解压后可以直接使用，在此基础上可以继续添加新的需求和界面。
字节跳动开源 Arco Design
Yvette Lau的专栏
10-28 1万+
ArcoDesign 简介ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。在打磨了近 3 年之后，通过字节内部大量业务沉淀和验证，我们开源了...
Vue-cli4 配置 element-ui 按需引入
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
12-13 1万+
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程 #1 node与vue的版本情况 #2未按需加载打包后的文件情况 由上图看出，只是引入了 element-ui框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。 element-ui按需加载文档：https://e...
vue-cli4引入element ui
睡不够
08-23 5082
vue-cli4引入element ui 按照官网文档按需引入出问题报错，如下可解决问题 官方文档链接: element-ui文档 安装element ui npm i element-ui -S main.js引入 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 添加 babel-plugin-component 依赖 借助 babel-plug
vue-cli4创建项目导入Element-UI踩过的坑
weixin_45185103的博客
10-06 4845
错误1：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 错误2：unknown option – skipGetStart
vue cli3安装，利用GUI创建项目（vue UI）
缓月
10-14 1807
vue cli3的安装： 前提：已经安装过node.js。 命令提示符输入： npm install -g @vue/cli （VUE CLI3的包名称由vue-cli改成@vue/cli。如果你已经安装了旧版本的vue-cli(1.x或2.x)，你先通过npm uninstall vue-cli -g或 yarn global remove vue-cli卸载它。不过我感觉直接安装可以覆盖掉旧...
如何新建一个Vue项目并导入element-ui的模板
ly_yanbo的博客
03-21 7771
一、基本环境配置 工欲善其事必先利其器！配置环境也是很让初学者头疼的问题，但作为基础还是要学的，切莫眼高手低。这个操作适用于Windows系统，同时各个环境及配置都是最新版本。 首次创建需要的配置有: npm 想要下载 npm 可以先去 Node 的官网上下载安装 Node ，安装完 Node 之后会自带 npm 。此刻可以通过命令语句 npm -v 查看 npm 是否安装成功。可根据需要更新...
vue-cli@4搭建 vue + element-ui 项目实操
huzhenv5的博客
01-16 1万+
本文用来记录如何通过vue-cli4来搭建一个element的项目，以及中间碰到的一些问题的处理方法 一，搭建步骤 1. 安装node 安装步骤自行百度，确认node环境变量已经配置好，node和npm指令可正常使用 2. 全局安装vue-cli 安装最新版本的vue-cli npm install -g @vue/cli 安装成功后，就可以使用vue命令了，使用vue --version可以查...
vue elementUi安装脚手架（大全）
猿飞梦的博客
10-18 6081
一.安装node.js 首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399 安装完成后，可以命令行工具中输入node -v和npm -v，如果能显示...
简单粗暴：如何把vue ui（vue可视化界面（GUI））弄出来
热门推荐
qq_44788228的博客
05-27 1万+
作为一台很白啥都没装的电脑，你首先需要安装的是：Node.js 原因：因为需要里面的npm作为编译 npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。 安装方法（按照以下这位博主写的操作就行）： 点我，我是安装方法 注：里面检查版本号的命令是npm -v (一定注意中间有空格！！！) 安装cnpm的作用是让你安装国外软件更快一些 cnpm使用方法：（比如用npm安装一个插件：npm install xxx；改成cnpm installl xxx即可！） 检查npm.
使用vue-cli快速创建Webpack项目的步骤详解
使用Vue.js官方命令行工具`vue-cli`，可以快速地创建并启动一个包含热重载、静态检查等特性的大型单页应用。`vue-cli`提供了预配置的构建工具，简化了前端开发流程。通过全局安装`vue-cli`，然后使用`vue init ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值