AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

Vue CLi脚手架创建第一个VUE项目

2024-10-14 189
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue CLi脚手架创建第一个VUE项目

【小白懂系列】Vue CLi脚手架创建第一个VUE项目

1、VSCode创建项目

  • 先选择一个项目路径，通过终端命令行进入：
  • 进入命令行，进入项目根目录，打包创建项目
vue init webpack 项目名

  • 接下来命令行将进入用户交互模式：

2、运行CLI脚手架项目

  • 在 1中已经创建好了项目 hello，通过终端命令进入项目目录
  • 通过命令 npm start 开始运行项目

  • 项目运行成功截图

文章标签：
JavaScript
关键词：
vue项目VUE.js
项目VUE.js
脚手架VUE.js
脚手架项目VUE.js
vue脚手架项目VUE.js
Codelinghu
目录
相关文章
34789737
|
4月前
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中，兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线，大型项目建议使用Pinia等状态管理工具，确保数据流清晰可控，避免内存泄漏。
34789737
391 2
哇塞女孩
|
3月前
|
缓存 JavaScript
vue中的keep-alive问题（2）
vue中的keep-alive问题（2）
哇塞女孩
356 137
谢妹纸
|
7月前
|
人工智能 JavaScript 算法
Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
谢妹纸
885 0
rvblio6ca4cug
|
6月前
|
人工智能 JSON JavaScript
VTJ.PRO 首发 MasterGo 设计智能识别引擎，秒级生成 Vue 代码
VTJ.PRO发布「AI MasterGo设计稿识别引擎」，成为全球首个支持解析MasterGo原生JSON文件并自动生成Vue组件的AI工具。通过双引擎架构，实现设计到代码全流程自动化，效率提升300%，助力企业降本增效，引领“设计即生产”新时代。
rvblio6ca4cug
518 1
34789737
|
6月前
|
JavaScript 安全
在 Vue 中，如何在回调函数中正确使用 this？
在 Vue 中，如何在回调函数中正确使用 this？
34789737
335 0
4yva5hg3m356w
|
JavaScript 前端开发 Java
Vue CLI 脚手架
🍅程序员小王的博客：程序员小王的博客 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者，如果有比较好的文章欢迎分享给我，我会取其精华去其糟粕 🍅java自学的学习路线：java自学的学习路线
4yva5hg3m356w
305 0
Vue CLI 脚手架
丘比特惩罚陆
|
Web App开发 JavaScript 前端开发
【Vue五分钟】 Vue Cli脚手架安装配置
这个脚手架是一个基于Vue快速进行的开发的完成系统；是基于webpack构建开发的，带有合理的配置，可以通过项目的文件进行配置。
丘比特惩罚陆
287 0
【Vue五分钟】 Vue Cli脚手架安装配置
SouthernWind
|
缓存 资源调度 JavaScript
Vue——安装@vue/cli(Vue脚手架)的三种方式
安装@vue/cli(Vue脚手架)的三种方式
SouthernWind
466 0
p2jbaco26vdds
|
JavaScript 测试技术 开发工具
Vue CLI脚手架
Vue CLI脚手架
p2jbaco26vdds
510 0
Vue CLI脚手架
我们是幸福一家人
|
7月前
|
JavaScript UED
用组件懒加载优化Vue应用性能
用组件懒加载优化Vue应用性能
我们是幸福一家人
390 82