vue ui页面创建vue新项目

最新推荐文章于 2024-04-30 10:44:19 发布
最新推荐文章于 2024-04-30 10:44:19 发布
阅读量232 收藏 1
点赞数 1
文章标签： vue.js html5 node.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pgcdnameming/article/details/120720117
版权

一、新建vue项目

  • 首先新建空文件夹
    在这里插入图片描述

  • 然后cmd到该文件夹下 输入vue ui打开web界面创建项目
    在这里插入图片描述

  • 点击在此创建新项目
    在这里插入图片描述

  • 输入文件名 选中npm
    在这里插入图片描述

  • 点击手动 然后下一步 选中 Babel Router 以及 使用配置文件

在这里插入图片描述

  • 点击创建项目 不保存预设
    在这里插入图片描述

  • 此时创建好 为新项目页面
    在这里插入图片描述

  • 点击左侧插件 输入 element然后选中第一个 安装
    在这里插入图片描述

  • 安装完一定要点击 完成安装
    在这里插入图片描述

  • 点击左侧依赖 安装依赖
    在这里插入图片描述

  • 我这里安装的是axios、less、less-loader依赖
    在这里插入图片描述

  • 最后一步运行vue 点击任务 选中serve 点击运行
    在这里插入图片描述

  • 启动成功 点击启动app
    在这里插入图片描述

  • 弹出这个页面即项目创建成功

在这里插入图片描述

一个没有梦想的程序员
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue Cli3 创建项目的方法步骤
10-17
使用Vue CLI 3创建一个新的项目，可以使用默认配置或自定义配置。默认配置是： ``` vue create project-name ``` 如果想要自定义功能，可以选择： ``` vue create project-name --default 或 vue ui ``` ...
vue ui 创建项目
m0_46610349的博客
10-11 2809
如何在命令提示符里通过 vue ui 创建项目
[保姆级教学]使用Vue ui创建一个完整的vue项目
qq_63586399的博客
01-13 1124
通常来说常选泽：Babel（默认必选）、Router（路由）、Vuex（一种实现组件之间数据共享的技术）、Linter（默认必选）、config。1. 安装本地 node_modules 文件夹中的依赖项：npm install。随后用VSCode打开项目文件，可以在vue ui的Tasks栏下打开项目的服务。首先在cmd中输入vue ui指令以在本地打开vue ui页面。进入详细的项目配置界面，初始化Git仓库非必选，看个人需求。在Output中找到项目的本地地址并打开，进入到vue项目管理器。
Vue ui 创建vue项目，详细使用攻略。
苦逼打工人的博客
04-30 951
Vue ui 创建vue项目，详细使用攻略。附带常用功能使用教程
如何使用Vue的ui界面创建一个新项目
我们的目标是星辰大海！
10-26 1330
使用Vue的ui界面创建一个新项目
【Vue】从零开始创建一个Vue项目(详细步骤)
naihe_fish的博客
07-25 8325
安装过程不多赘述，安装完成后使用命令查看，如果输出版本号，说明我们安装node环境成功。
vue UI + SpringBoot 搭建项目框架
03-13
在项目创建过程中，可以选择预设配置或自定义配置，根据需求选择合适的选项。 接着，选择或下载一个Vue UI库，例如Element UI。在项目中，通过`npm install element-ui --save`安装依赖，并在`main.js`文件中引入并...
vue项目消息链接全局创建监听
05-24
这个方法会根据服务器地址创建一个新的WebSocket实例，并设置相应的事件监听器。在`onopen`事件中，向服务器发送心跳消息，`onmessage`事件则用于接收并处理服务器推送的数据。 5. **心跳检测（Heartbeat）**：心跳...
Vue使用vue-cli创建项目
08-29
七、项目创建过程中的问题 在创建项目过程中，可能会遇到一些问题，例如代码空行、分号报错、样式报错等问题。这些问题可以通过调整配置文件和代码来解决。 八、结论 使用 vue-cli 创建项目可以快速开始新的 Vue ...
新手vue构建单页面应用实例代码
12-10
随着项目的深入，还可以添加更多的功能，如 Axios 替换 Vue Resource 进行异步请求，或者使用Vuex Store处理更复杂的状态管理，以及Element UI等UI库提升界面设计。通过不断学习和实践，你将能掌握Vue.js的更多高级...
如何搭建一个vue项目(完整步骤)
热门推荐
qq_39093474的博客
09-11 2万+
这里如果选择保存的话，就要输入名字，默认就是文件夹的名字，下次配置的时候就会显示这个文件配置的选项就像上面的一样，在配置的时候会多出来一个。）下载hbuildx安装文件（已提供，无需下载），下载后，直接解压就可以使用。代码检查，选标准的就行，方向键切换，空格键选择然后回车。按空格键选择要安装的配置资源，带 * 号说明被选上了。上下方向键选择版本，这里我们选择vue2，然后回车。代码检查时间，方向键切换，空格键选择然后回车。启动成功之后，打开路径看到如下界面说明成功。通过上下方向键选择对应配置，然后回车。
创建一个vue项目（详细步骤）
weixin_44271421的博客
06-16 656
一、环境准备 1、安装 node.js 下载地址：Node.js 2、检查是否安装成功：输出版本号说明安装成功 打开cmd（命令行）输入 node -v npm -v 二、搭建 vue 环境 1、全局安装脚手架 vue-cli 打开cmd（命令行）输入 ​ npm installvue-cli-g （vue-lcli2) npm install -g @vue/cli (vue-cli3） ​ 如果没有选择初始化项目，需要进入项目目录，输入 npm install
Vue2学习（四）：使用Vue UI创建项目
阿标的博客
06-01 429
使用Vue UI创建项目
创建Vue项目的几种方法
JUNSAN_jason的博客
04-15 363
使用vite构建项目需要做以下的准备工作。
从零开始搭建一个vue项目（保姆级教程）
weixin_50989469的博客
07-23 4296
我这边在本地起了一个后台服务（建议后台服务做好跨域配置），模拟接口访问调用，一共测试了三种方式：①get无参请求 ②get有参请求 ③post请求json传参。新建api文件夹，放在api文件夹下，需要引入http文件，js文件地址：src/api/pageB.js。项目建好之后，就可以配置ui组件了，可以选择npm去装，也可以选择yarn安装，我把两个命令都列出来了。第二步，选择【Vue.js】，输入自己项目的名称，点击【Create】生成项目。在main.js中import之后，ui组件才正式生效。
vue基础-创建vue项目的几种方式
smileKH的博客
07-04 534
vue基础，下面总结一下vue项目的第一步，创建项目的几种方式，希望对你有所帮助。这是Vue创建项目的几种方式，希望能帮助到你。
如何创建vue项目(超详细)
weixin_53952234的博客
04-25 4800
选择你想要安装的版本 第一个是 vue3 第二个是vue2 第三个自己想要的配置 通过键盘下键选择。提供一个插件化的javascript代码检测工具，ESLint + Prettier //使用较多。是否保存本次配置（y:记录本次配置，然后需要你起个名;Linter / Formatter 支持代码风格检查和格式化。CSS Pre-processors 支持 CSS 预处理器。Router 支持 vue-router。E2E Testing 支持 E2E 测试。Vuex 支持 vuex。
从0-1创建Vue项目,整合ElementUI
m0_55627541的博客
04-22 3824
从0-1创建Vue2.0项目
vue ui界面创建项目
最新发布
07-02
2. **创建新项目**: 打开终端或命令提示符，输入 `vue create [项目名称]`，然后按提示选择模板。Vue CLI 提供了多个预设模板，包括 Vue UI 的官方主题支持。 ```sh vue create my-project --preset vuetify ``...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值