Vue脚手架基于图形化创建项目

最新推荐文章于 2024-03-06 16:54:22 发布
最新推荐文章于 2024-03-06 16:54:22 发布
阅读量82 收藏
点赞数
文章标签： vue.js javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/enhenglhm/article/details/120228849
版权

最好是基于cmd普通身份打开（管理员身份打开会出错），然后输入vue ui进入图形化页面配置（如果未能成功反应，则可能是未安装好vue或者环境变量未配置）

进入配置

最好选择手动配置

最好选择安装这四个打开 babel   router   formatter 使用配置文件

选择标准配置和  on save

最好保存预设 方便作为配置模板

可以运行项目跑起来试一试 server-运行

 

 

 

 

 

 

 

 

 

 

小猿L
关注
如何用脚手架快速创建vue项目--基于图形化界面的方式创建
weixin_53005659的博客
04-20 204
上篇文章我们介绍了如何用脚手架命令行的方式来创建Vue项目，这篇文章我将会为大家介绍如何用图形化界面来创建Vue项目 使用图形化界面创建项目比命令行的方式更加简单明了，是现在更加流行的方式 前期的环境准备我就不多说了，在之前的文章中有，可以参考： 如何用脚手架快速创建vue项目–基于交互式命令行的方式创建 废话不多说，我们直接上操作 方法二 基于图形化界面创建 vue ui 执行WIN +R打开 操作面板，输入cmd，在终端中输入vue ui 打开一个浏览器面板，通过点击鼠标来创建项目(这里显示的是我的保
Vue CLI基于图形化方式创建Vue项目
Yueqin0512的博客
12-07 383
文章目录npm换源成淘宝镜像图形化方式创建Vue项目基于图形化界面的方式，创建Vue项目Vue脚手架生成的项目结构分析Vue脚手架的自定式配置1.（不推荐）通过package.json配置项目2.（推荐）通过单独的配置文件配置项目 npm换源成淘宝镜像 由于node下载第三方依赖包是从国外服务器下载，虽然没有被墙，但是下载的速度是非常的缓慢且有可能会出现异常。在创建项目之前，建议把npm的镜像源替换成淘宝的镜像源 打开默认的npm（win+r），输入以下代码 npm install -g cnpm --
Vue脚手架---基于图形化界面的方式创建Vue项目
吃草の狼的博客
02-14 565
1.安装Vue脚手架 首先在终端中输入下面的命令来安装脚手架 npm i -g @vue/cli 2.打开浏览器面板 在终端中输入以下命令会进入到一个浏览器面板中 vue ui 界面就像这样： 3.创建项目 点击创建进入创建新项目页面 1.详情 输入项目文件夹名称，包管理器根据自身情况可以选择，初始化仓库选择开启，并输入init project 4.预设 第一次尽量选择手动 5.功能 推荐...
Vue-脚手架-02-图形化界面创建项目
Echo
12-25 519
1、进入 cmd 界面 输入命令： vue ui 选择项目名称和文件位置 创建项目-预设 选择功能 选择 Vue版本 以及es标准 是否保存为模板 然后就进入了创建： 创建好了如下： 启动项目 启动好了，页面如下： ...
用VUE手动搭建脚手架《二》及图形化界面搭建脚手架
sunmeng_sunmeng的博客
10-30 446
因为webpack加载器默认只打包.js文件，可我们需要打包别的文件怎么办？结合上一篇文章，今天来写一下加载器loader。 ** 以下内容就是有关内容 ** less-load 可以打包 .less文件 sass-load 可以打包 .scss文件 url-loader 可以打包 css 中与url路径相关的文件 1.npm i style-loader css-loader -D （处理 cs...
cocos 禁掉快速点击_vue系列：vue快速构建项目（A01）
weixin_39949894的博客
10-25 234
一、写在前边公司项目要做前后端分离，基本上没有犹豫就选了node+vue的组合模式，原因是这俩太太太火了，我要追随时代的潮流。项目改版迫在眉睫，从头一点一点的学也来不及了，所以直接选用了快去构建项目的工具，天下武功唯快不破。嗯，没错，是这么回事。经过了一分钟激烈的思想斗争，秉承着新的就是最好的，一切都用最新的！最后定的模式为：后端：egg（阿里开源的node.js框架）+前端：vue 全家桶（vu...
2024最新：关于基于vue-cli脚手架创建vue项目（图文版）
m0_69097184的博客
09-21 582
它确保各种构建工具与合理的默认值一起顺利运行，因此您可以专注于编写应用程序，而不是花费数天时间争论配置。同时，它仍然提供了调整每个工具配置的灵活性，而无需弹出。TypeScript 是一个 JavaScript 的超集，包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript 在浏览器运行。代码风格检查和格式化（如：ESLint）【建议选择】vue-router（Vue 路由）【建议选择】。vuex（Vue 的状态管理模式）。E2E（端到端）测试。概述（来源于官方文档）
Vue脚手架搭建以及创建Vue项目流程
m0_67402588的博客
07-28 223
安装Node.js(推荐一个网站http下载安装完成之后进行测试,记住安装位置node-v测试node是否安装成功以及检查node版本npm-v测试npm是否安装成功以及检查npm版本效果提示如果碰到下面情况可能原因可能是CUsersAdministrator(users)目录下的.npmrc里的配置问题,把里面的文件改成自己需要的路径，比如我想放到J盘prefix=Jcache=J配置npm下载插件的默认安装目录和缓存日志目录,...
vue脚手架的安装、创建vue项目、目录结构、.vue
ranran0306的博客
07-25 465
vue脚手架的安装、创建vue项目、目录结构、.vue
图形化创建vue项目
u011744300的专栏
09-18 487
上一篇写了快速创建vue项目，vue也提供了图形化界面创建和管理项目。 vue ui 执行完成后，会出现如下页面： 点击创建，就可以创建项目了。 按照提示创建就可以了。 ...
图形化方式利用脚手架创建Vue项目
qq_42416602的博客
01-28 1354
5 选择Babel、Router、Linter/Formatter和使用配置文件，点击下一步。默认，选择配置文件方式 In dedicated config files，回车。回车，CSS选择Sass/SCSS(with node-sass)，回车。按空格键选择Babel、PWA、Router、Vuex、CSS，回车。10 选择任务/serve，点击运行，等待编译成功，点击启动app。4 router中的index.js删除Home.vue导入语句。16 重新启动项目，出现el-button，则安装成功。
vue图形化的方式创建项目
weixin_47906106的博客
02-16 459
首先要保证安装了vue npm install @vue/cli -g 使用图形化的方式创建项目 vue ui 不设置预设 安装elementui插件 安装axios 启动项目
@vue/cli4--使用图形化界面创建项目--方法/实例
IT利刃出鞘的博客
06-22 1810
本文用实例来介绍vue-cli4如何使用图形化界面来创建项目。
vue ui Starting GUI 图形化配置web新项目
最新发布
通达的博客
03-06 1015
在vue框架里面， 以往大家都是习惯用命令行 vue create 、vue initwebpack创建新前端项目，而vue ui是一个可视化的图形界面，对于新手来说更加友好了，不但可以创建、管理、还可以更新vue项目，也可以下载各种需要的插件，比如elmentui、axios、vuex等，图形化更加直观的看到所安装的各种插件以及一来，安装卸载不用敲命令，一键即可，下面就来介绍，如何使用ui创建新项目。
vue管理后台实战一：图形化创建，管理，运行项目、安装element、axios、less
*
02-01 235
1)图形化初始界面 vue ui 2)创建–create新项目填写项目名、git 初始记录 下一步 3）预设：选择手动，功能里打开如下5个： choose vue version babel （必须） router （路由） Lint / Formatter（格式校验） 使用配置文件（babelrc-将插件的配置保存在各自的配置文件 (比如 ‘.babelrc’) 中) 4）配置项如下： Eslint standard config（标准配置） Lint and save：每次保存时检查代码格式 5
Vue.js入门之Vue CLI和图形化界面Vue Ui的使用
Emoji的博客
04-27 1292
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过@vue/cli搭建交互式的项目脚手架。 通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配...
【Vue】Vue全家桶（八）vue-cli脚手架 +图形可视化创建Vue项目+命令行创建Vue项目
Better_Xing的博客
06-04 1165
【Vue】Vue全家桶（八）vue-cli脚手架 +图形可视化创建Vue项目+命令行创建Vue项目
如何用vue图形化界面创建项目
a486368464的博客
12-05 364
如何用vue图形化界面创建项目
vue脚手架搭建项目（详细教程）
热门推荐
weixin_65855560的博客
06-19 1万+
vue的自动化构建工具是node.js帮我们做的，这就是我们为什么要下载node的原因。npm install < name > --save：安装的同时，将信息写入package.json中，项目路径中若是有。Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具）命令行界面。npm list：查看当前目录下已安装的node包。npm ls：查看当前目录下已安装的node包。npm -v：查看npm安装的版本。：是一个开源的前端打包工具。1.进入终端执行命令。
vue脚手架图形工具创建项目
08-21
你可以使用 Vue CLI，它是一个图形化的脚手架工具，用于创建Vue.js项目。下面是使用Vue CLI创建项目的步骤： 1. 首先，确保你已经安装了Node.js。你可以在命令行中运行`node -v`来检查是否已安装。 2. 接下来，使用以下命令安装Vue CLI： ``` npm install -g @vue/cli ``` 3. 安装完成后，你可以使用以下命令创建新的Vue项目： ``` vue create 项目名 ``` 其中，`项目名`是你想要创建的项目名称。 4. 运行上述命令后，你将会看到一个交互式界面，询问你想使用的配置。你可以选择默认配置，也可以手动选择配置。 5. 确定配置后，Vue CLI将自动安装相关的依赖，并创建一个新的Vue项目。 6. 项目创建完成后，你可以进入项目目录并启动开发服务器： ``` cd 项目名 npm run serve ``` 这样就可以在本地开发环境下运行你的Vue项目了。 希望这能帮到你！如果有其他问题，请随时问我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值