初步创建vue/cli工程教程

最新推荐文章于 2024-04-18 14:55:55 发布
最新推荐文章于 2024-04-18 14:55:55 发布
阅读量102 收藏
点赞数 1
分类专栏： springboot+vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49092494/article/details/118653049
版权

首先第一步创建vuecli工程，创建vuecli工程需要用nodejs+npm下载环境就行，这个工程非常的庞大，教程走一波！

·····先去vue官网找到下载vue/cli的命令-----官网地址:vue3官网

在官网下找到这个命令：npm install -g @vue/cli 然后复制到本地安装

在这里插入图片描述
然后创建文件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
运行成功
在这里插入图片描述

zzn的进阶笔记
关注
专栏目录
初步搭建vue工程+前后端分离+解决跨域问题
qq_32587863的博客
02-03 432
初步搭建vue工程+前后端分离+解决跨域问题 1. 环境搭建 准备工作 安装nodejs和vue-cli 安装了nodejs就附带安装好了npm，而vue-cli依赖npm来安装 nodejs安装 安装vue-cli npm install -g @vue/cli 创建项目 vue init webpack my-project 创建的过程中 在vscode搭建vue环境 安装vetur 打开...
VUE入门1
08-03
Vue CLI（命令行工具）可以帮助快速创建工程。在VS Code中打开终端，使用以下命令创建名为“hello-world”的新项目： ```bash vue create hello-world ``` 在选择预设选项时，初次使用建议手动选择特性（`Manually...
vue-cli前端工程化——创建vue-cli工程 &amp； router版本的创建 &amp； 目录结构 &amp； 案例初步_vue 创建指定版本的前端工程
2401_84297560的博客
04-18 364
dependencies”: { //生产环境中所必须的依赖包,将来可以通过这里的配置 下载依赖 dependencies ：参与编译和打包。“version”: “0.1.0”, //项目包版本 「主版本号. 次版本号. 修订号」“scripts”: { //scripts 是 package.json 中内置的脚本入口。“devDependencies”: { //开发阶段需要的依赖包,不参与打包。“name”: “hello-worldx”, //项目名称。//好处：可以节省内存资源。
vue cli3工具的初步使用
qq_29086535的博客
02-22 332
     现在都流行前后端分离的开发的思想，前端和后台开发是并行进行的，后台负责写接口，前端调用后台接口获取数据，并渲染数据，在这样的开发的环境下，作为一个后台接口开发人员，也有必要了解一下前端的技术，vue是一个轻量级的前端框架，上手相对容易，那么要搭建一个简单的前台Vue开发环境，是学习vue的前提，这里用vue的官方脚手架vue cli3搭建一个简易的开发环境。（初学vue不建议用脚手架） ...
vue-cli前端工程化——创建vue-cli工程 & router版本的创建 & 目录结构 & 案例初步
Arya的博客，专注后端领域
08-14 352
1.vue-cli是啥，创建项目的方式； 2.vue项目目录结构，以及项目初步
vue-cli 最强指南
李古拉雷
04-03 290
注：这个是官网连接：https://cli.vuejs.org/zh/guide/ ，建议多看细看不但要看还要多想，这里的介绍才是最全最准确的。 ①.vue-cli 是什么？ vue-cli 又称为vue 脚手架，（我发现在起名这件事上前端从来就没输过）这个名字很通俗易懂。百度百科对脚手架的解释是：脚手架是为了保证各施工过程顺利进行而搭设的工作平台。其实基建工程和软件工程有很多东西都是相通的，...
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
11-27
通过这次`HelloWorld`案例分析，你应该对`vue-cli`的使用有了初步认识，为后续的Vue学习打下了坚实的基础。如果在实践过程中遇到任何问题，欢迎提出，我们非常乐意为你解答。感谢你对软件开发网的支持，祝你在编程...
vue-socket.io-chat：TypeScript + Vue + ExpressKoa + Socket.io
02-03
Vue-cli创建工程`npm install -g vue-cli` vue init webpack my-project vue init ElemeFE/webpack-typescript my-project （感谢饿了么分享的TypeScript的模板） 这样就在当前目录下创建了完整的工程模板 套接字...
vue3.0+vant项目脚手架搭建，接口封装，可以直接拿来用
10-20
通过以上步骤，我们就完成了Vue3.0+Vant项目的初步搭建，并实现了接口封装。这个项目脚手架可以直接用于新项目，减少了重复的配置工作，让开发者可以更快地专注于业务逻辑开发。在实际开发过程中，还可以根据项目...
5020-微信小程序基于JAVA微信点餐小程序设计+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
基于 Flask 的数字猜谜系统.zip
09-15
该项目是一个基于 Flask 框架的数字猜谜游戏。通过 Flask 搭建了一个 Web 应用，用户可以通过界面参与数字猜谜游戏。项目简单易懂，适合初学者了解 Flask 框架的基本使用以及 Web 开发的基础知识。同时，该项目也有一定的娱乐性质，可以提供给用户休闲娱乐的时光。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看ReaDME.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
5206-微信小程序投票评选系统的设计与实现ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
PeaZip 64 bit 9.9.1 free 解压缩工具 杜绝360垃圾
最新发布
09-15
PeaZip 64 bit 9.9.1 free 解压缩工具 杜绝360垃圾
vit_keras-0.0.12-py3-none-any.whl
09-15
该资源为vit_keras-0.0.12-py3-none-any.whl，欢迎下载使用哦！
5272-微信小程序微信智能招聘小程序设计+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
1.Ansible 自动化运维实战笔记.xmind分享给需要的同学
09-15
1.Ansible 自动化运维实战笔记.xmind分享给需要的同学
bacpypes-0.15.0-py3-none-any.whl
09-15
bacpypes-0.15.0-py3-none-any.whl
人工智能大作业-无人机图像目标检测基于python源代码+文档说明+数据集.zip
09-15
人工智能大作业-无人机图像目标检测基于python源代码+文档说明+数据集.zip，含有代码注释，满分大作业资源，新手也可看懂，期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 人工智能大作业-无人机图像目标检测基于python源代码+文档说明+数据集.zip，含有代码注释，满分大作业资源，新手也可看懂，期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 人工智能大作业-无人机图像目标检测基于python源代码+文档说明+数据集.zip，含有代码注释，满分大作业资源，新手也可看懂，期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。该项目可以作为课程设计期末大作业使用，该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 人工智能大作业-无人机图像目标检测基于python源代码。
vue/cli安装教程
09-03
4. **验证安装**：安装完成后，你可以通过运行`vue -V`或`yarn global list @vue/cli`来检查Vue CLI是否已经成功安装并显示版本信息。 5. **创建新项目**：要在新的目录中创建一个Vue项目，执行： ``` vue create...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值