前端工程化，使用Vue项目的图形化创建

最新推荐文章于 2024-07-02 10:47:57 发布

Lurgee

最新推荐文章于 2024-07-02 10:47:57 发布

阅读量245

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Lurgee/article/details/139453962

版权

第一种方式

Win+R，输入powershell，点击确认后打开控制台。

在控制台输入cd加上指定路径

例如

cd F:\Document\vue

运行效果如下：

然后输入

vue ui

回车后打开Vue项目图形化创建工具

第二种方式

打开指定的文件夹，在路径栏里输入“cmd”或“powershell”，回车，就进入控制台了。默认路径就是指定文件夹的路径

例如

或

然后输入

vue ui

回车后打开Vue项目图形化创建工具

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lurgee

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端工程化，使用Vue项目的图形化创建

前端工程化，使用Vue项目的图形化创建
复制链接

扫一扫

前端vue项目初始化步骤以及后台项目的环境安装配置

Minnor的博客

05-28

1967

记录了项目初始化的详细步骤，初始化Git远程仓库，如何添加SSH公钥，如何将本地项目托管到GitHub或码云中以及后台项目的环境安装配置，使用Postman测试后台接口是否正常

云E办Springboot+vue——前端项目完整版（含源码）

最新发布

定期分享我的发现和想法，感谢你的陪伴和支持

07-02

1717

使用 vue ui 图形化界面创建 vue 项目是一种方便的方式，可以直观地操作和查看项目的配置和依赖。

系列四、Vue3 初始化项目（图形化界面方式）

仰望星空，脚踏实地！安全感是自己给的，努力才是一辈子的安全感。

05-19

352

一，vue ui启动UI界面二、创建项目 2.1、在此创建项目 2.2、创建新项目-详情 2.3、创建新项目-手动配置项目 2.4、创建新项目-功能 2.5、创建新项目-配置 2.6、创建项目过程 2.7、运行项目 2.7.1、任务==》serve==》运行 2.7.2、启动app

django常用命令/vue-cli图形化界面创建方式/vueo-cli命令行创建方式/若依框架/elementui

。

05-12

991

接口开发完成了，那么接下来需要编写接口文档。传统的接口文档编写都是使用word或者其他一些接口文档管理平台，这种形式接口文档维护更新比较麻烦，每次接口有变动时得手动修改文档。Swagger是一个很好用的管理Api文档的工具，不仅仅Spring系列有自动化生成Swagger Api文档的工具包，Python同样也有(配置非常非常简单)！

使用vue ui创建vue项目(基于图形化界面的方式)

南野子

05-23

5256

前提： 1.打开cmd ，安装vue脚手架 npm install -g @vue/cli 2.若之前安装过无需重新安装；直接在cmd 中输入vue ui 若输入vue ui 后无反应，则是安装的脚手架版本太低，直接升级脚手架版本就行；输入 cnpm i -g @vue/cli 安装完成后重新输入vue ui 等待自动打开浏览器；创建项目步骤： ①点击创建 ②选择目录后,点击在此创建项目 ③输入项目名称，填写git仓库建议 init project ，其他项默认 ④点击下一步，选择默

@vue/cli4--使用图形化界面创建项目--方法/实例

IT利刃出鞘的博客

06-22

1801

本文用实例来介绍vue-cli4如何使用图形化界面来创建项目。

Vue太难啦！从入门到放弃day08——Vue前端工程化之Vue脚手架

小陈工的博客

08-16

622

如何优雅地创建一个vue项目？这篇文章告诉你答案~

vue-neo4j:vue使用D3对neo4 j进行可视化-源码开发技术-其它

06-07

使用命令：npm run dev启动该工程默认端口是：8081 neo4j账号信息：网址：bolt：// localhost 用户名：neo4j 密码：密码启动服务 npm run dev并将您的Web浏览器指向http://localhost:8081 。项目截图目录结构 ...

2024最新：关于基于vue-cli脚手架创建vue项目（图文版）

m0_69097184的博客

09-21

552

它确保各种构建工具与合理的默认值一起顺利运行，因此您可以专注于编写应用程序，而不是花费数天时间争论配置。同时，它仍然提供了调整每个工具配置的灵活性，而无需弹出。TypeScript 是一个 JavaScript 的超集，包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript 在浏览器运行。代码风格检查和格式化（如：ESLint）【建议选择】vue-router（Vue 路由）【建议选择】。vuex（Vue 的状态管理模式）。E2E（端到端）测试。概述（来源于官方文档）

创建vue项目（图形化和命令行）

Denial_learn的博客

05-07

1095

1.进入命令框（windows+R，输入CMD） 2. 输入 vue ui，回车如果这里打不开，请看此处：再浏览器中，打开给出的网址，就进入了，本地的vue管理项目：

前端-可视化创建vue项目

y1238r的博客

06-30

3466

注：以下操作是在已安装脚手架的基础上进行一、打开可视化界面第一步，视窗键+R，打开“运行”窗口，输入“cmd”，第二步，在命令行界面中，输入vue ui，打开可视化界面，如下图所示。二、创建vue项目 1、打开创建项目界面在Vue项目管理器界面中，选择“创建”选项卡，选择保存项目的路径，点击“在此创建新项目”按钮。如下图所示。 2、填写详情的相关信息（1）填写项目的名称（项目名只能是英文，不能是中文）（2）选择包管理器（npm、yarn、pnpm，常用npm）（3）选择是否初始化git仓

vue ui Starting GUI 图形化配置web新项目

通达的博客

03-06

994

在vue框架里面，以往大家都是习惯用命令行 vue create 、vue initwebpack创建新前端项目，而vue ui是一个可视化的图形界面，对于新手来说更加友好了，不但可以创建、管理、还可以更新vue项目，也可以下载各种需要的插件，比如elmentui、axios、vuex等，图形化更加直观的看到所安装的各种插件以及一来，安装卸载不用敲命令，一键即可，下面就来介绍，如何使用ui创建新项目。

基于图形化界面创建Vue项目

zhangbeizhen18的博客

03-19

4092

基于图形化界面创建Vue项目

Vue搭建可视化界面

大灰狼的小绵羊哥哥的博客

04-26

7888

最近更新：收到很多私信，大家都想了解构建的源码和过程，因为之前涉及到很多公司内部业务和隐私，所以不方便放出来。应大家强烈要求，这里我将重写一个活动页构建工具供大家参考，持续更新，欢迎start和关注： muwoo/rosegithub.com 线上预览地址： Rosemuwoo.github.io 前言如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增.

使用Vue图形化界面快速搭建项目

LiuZihao97的博客

06-02

1185

使用Vue图形化界面快速搭建项目 1、vue3.0以上才能使用图形化界面，需要确保你的版本比较新。 2、cmd进入命令窗口，输入 vue ui 即可进入图形化界面。 3、在项目仪表盘选择Vue项目管理器 4、依次点击创建–》在此创建项目 5、依次设置项目名、项目地址，点击下一步 6、这里我选择“手动”，你可以配置自己的预设，点击下一步 7、选择自己需要预先配置的功能，点击下一步 8、最后一项配置，根据自己的需求选择，再点击创建项目，可以保存当前预设或者不保存，等待片刻项目就已在本地创建好了

使用图形化界面创建vue项目

博客的博客

02-27

3053

在命令行窗口输入vue ui 按下回车后会自动在浏览器中打开图形化界面点击创建可以选择创建项目的文件夹点击在此创建新项目只用填写项目名称和git的存储信息就好了选择预设，第一次的话请手动第一项是问你是否使用历史模式的router 第二项是问你lint的配置文件第三项是问你什么时候校验语法创好了很简单 ...

使用vue-cli3&vue ui图形化界面创建项目

weixin_30856725的博客

11-12

990

Vue CLI3 需要Node.js8.9 或更高版本 sudo npm install -g @vue/cli # OR sudo yarn global add @vue/cli vue create hello-world cd hello-world npm run serve // 运行 http://localhost:8000 vue ...

前端工程师主流的项目软件

04-29

前端工程师主流的项目软件包括： 1. 编辑器：VS Code、Sublime Text、Atom、WebStorm等 2. 版本控制：Git、SVN等 3. 包管理工具：npm、yarn等 4. 自动化构建工具：Webpack、Gulp、Grunt等 5. CSS 预处理器：Sass、Less等 6. UI 框架：Bootstrap、Materialize、Ant Design等 7. JavaScript 框架：React、Vue、Angular等 8. 图形库：D3.js、Echarts等 9. 测试框架：Jest、Mocha、Chai等 10. 代码质量工具：ESLint、Prettier等这些工具和框架都是前端开发中常用的，但并不是全部，具体选择还要根据项目需求和个人喜好来决定。