vue_cli安装和vue ui使用

最新推荐文章于 2024-08-17 19:13:55 发布
最新推荐文章于 2024-08-17 19:13:55 发布
阅读量330 收藏
点赞数
文章标签： vue.js ui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_65672119/article/details/127453646
版权

vue_cli
相信大家对于脚手架安转已经是形影流水

安装命令
npm install -g @vue/cli
或者是加上指定版本号
安装成功后输入
vue -V检查是否安装成功

vue ui
在说vue ui前先说说普通的安装，在我们之前使用vuex或者是vue_router等第三方都是需要在项目中去输入命令去安装，并且有的时候安转还不成功，那么vue ui就是解决这一痛点，在我们构建好项目后输入 vue ui命令会自动打开一个可视化界面


那么这个时候你可以看到显示了项目管理器有三个选项
如果是没有导入项目需要点击导入项目，把本地的项目路径进行导入

导入成功后在项目中会显示你的导入项目路径点击进入
进入后显示

对于其他的就不做介绍了，在当前左侧目录中选择插件
我在这个地方搜索了element ui点击下面搜索的插件安装
安装好后就可以在目录中看到你的插件信息，如vue_router安装好后在项目中会给我们自动引入当前文件

 请添加图片描述

那么这个时候你可以看到显示了项目管理器有三个选项
如果是没有导入项目需要点击导入项目，把本地的项目路径进行导入 

请添加图片描述

在这里插入图片描述 

 请添加图片描述

请添加图片描述 

请添加图片描述 

 

陌离477
关注
vue ui安装vue项目
实践求真知
05-03 887
一命令行输入 vueui 二 点击创建项目 三输入命令名称 四手动配置，然后下一步 五功能配置 六最后一步配置 七保存预设 八项目生成后运行 九生成后代码结构 ...
vue_cli3wap.rar
07-24
Vue CLI 3 是一个强大的命令行工具，...对于新手来说，这是一个很好的学习和实践平台，了解和掌握Vue CLI的使用以及移动端Web开发的最佳实践。而对于有经验的开发者，这个框架可以作为一个高效的起点，快速启动新项目。
Vue UI - 可视化的Vue项目管理器
最新发布
独泪了无痕
08-17 1404
这一步在选择项目所需的配置项时，就很直观了。页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，方便简单多了。我这里只简单选择了Choose Vue version、Babel、Router等三项。选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；
Vue 折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化
weixin_34365417的博客
06-16 376
前言 @vue/cli v3从开始到现在已经经历了四个月的迭代(目前RC3), 除了终端初始化的姿势,还引入了一个新的项目初始化姿势; Web端的初始化,体验了一下,效果很不错; 后方多图,感兴趣的可以瞧瞧,不感兴趣的请止步,免得浪费你的时间,谢谢.. 官网及安装 官网 : Vue Cli 安装:npm i -g @vue/cli 常规命令 大体中文注释下 Usage: vue...
VUE UI的安装
许魁的博客
10-10 6054
Vue需是3.0以上版本 1，cmd中执行下面两个命令 npm i -g @vue/cli npm install -g @vue/cli 这两个都一样，但有时并不都会成功，所以保险起见都试一下。 国内网比较慢,可以先安装一个淘宝镜像cnpm 要快的多。 2， vue ui 3,成功后浏览器页面会弹出VUE UI界面 剩下的就是创建或者导入项目了，插件也是直接点击安装即可。 ...
Vue ui安装
09-29 888
1.先安装node ===》去菜鸟教程看===》输入 node -v，如果出现相应的版本号，则说明安装成功。 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org ===》去菜鸟教程看node.js第四节npm使用介绍往下拉http://www.runoob.com/nodejs/nodejs-npm.html 3.安装webpack ===》npm install webpack@3.8.1 -g //-g全局安
vue_cli.zip
05-06
三、vue.config.js配置并安装好了html-loader。 四、postcss.config.js利用了postcss-pxtorem 将px自动转rem。 五、.browserslistrc文件借助webpack实现CSS3/ES678语法兼容。 六、assets文件夹包含封装好的directive...
vue_shoppingSite_Mobile:Vue-cli + Vue_Router + VantUI + Axios
04-19
vue_shopping Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and fixes files npm run lint Customize ...
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
在本篇文章中，我们将详细探讨如何在vue-cli3.0环境中使用Element UI的上传组件el-upload。el-upload组件允许用户上传文件，并且可以进行一系列的定制和限制，以满足各种需求。 首先，`<el-upload>`组件的基本用法...
electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
Vue ui的安装与运用
weixin_56858521的博客
01-21 994
运用vue ui，先安装Node.Js Node.Js官网下载安装包，建议下载低版本的，避免与其他依赖发生冲突。下载安装包： node-v14.18.3-x64.msi 1.安装 node-v14.18.3-x64.msi 右键，安装， next ,选择自动。 2.拆卸 node-v14.18.3-x64.msi 右键，拆卸 然后把安装node的内容进行删除 3.安装完成后，如下图，建立两个空文件夹： node_global node_cache 打开cmd 窗口：分别运行下面的..
2021-03-31
烟雨晴天的博客
03-31 3934
记录一下自己vue出现的问题和解决方法： PS D:\vscode\shop> npm install npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. npm WARN deprecated eslint-loader@2.2.1: This loader has been deprecated.
Vue脚手架的基本用法（命令操作+ui可视化操作）
feifeiwuxian的专栏
05-08 736
1.命令行安装 npm i -g @vue/cli 2.查看版本号 Mac-mini:webpackDemo xxx$ vue -V @vue/cli 4.3.1 3.创建项目 vue create my-project 4.选择方式手动，按上下键盘 5.按空格选择安装哪些插件 6.不使用历史模式路由。n 7.放在些文件。选择单文件 8.是否创建一...
Vue ui组件的了解、安装、使用
k010107的博客
10-27 1322
Vue.js 是一个渐进式 JavaScript 框架，用于构建 UIS（用户界面）和 SPA（单页应用程序）。UI 组件库提高了我们的开发效率速度，增强了应用的整体外观、感觉、交互性和可访问性，接下来就看看有哪些适用于 Vue ui 组件库。
vue-ui 快速搭建vue项目
qq_19783793的博客
07-21 536
Vue 环境搭建 脚手架 vue-cli
vue搭建项目及引入elmentui依赖
weixin_51631350的博客
02-19 842
基础环境： 1.node.js 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功： node -v 3.安装淘镜像： 安装淘宝镜像后npm需要使用cnpm npm install -g cnpm –registry=https://registry.npm.taobao.org 3.2设置淘宝镜像 npm config set registry https://registry.npm.taobao.org 3.3 查看cnpm镜像设置： npm con
vue各种安装和使用
lipenghao111的博客
04-16 454
在项目里发 npm i element-ui -S。然后再main.js里面复制。
Vue CLI的UI界面（可视化操作Vue项目）
庸人方自扰，自在就好
12-02 8108
一、打开我们的Vue项目 如果当时是使用vue init webpack my-project创建Vue项目的，打开Vue项目是先用cd切换到项目文件夹，再使用“npm run dev”或者“npmrunstart”命令打开。如果是使用vue create my-project创建的Vue项目，就只能使用“npm run serve”命令打开项目。这是我目前的发现。 二、打开Vue-Cli的UI界面 在已经打开了git bash的情况下，再双击git bash便可打开第二个git bash，然后切..
使用Vue CLI 3与Lerna构建UI框架实践
使用Vue CLI 3 和Lerna 构建UI框架的好处在于： 1. **模块化**：每个组件或功能模块都是一个独立的包，易于管理和复用。 2. **灵活性**：开发者可以根据需要自由调整Webpack配置，无需处理复杂的预设配置。 3. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值