2.Vue-从零开始搭建一个vue项目

题记

从零开始搭建一个vue项目,以下是操作的全过程。

安装Vue CLI脚手架

打开终端,运行以下命令全局安装Vue CLI脚手架:

npm install -g @vue/cli

查看 Vue CLI脚手架版本:

vue -V

注意:查看vue版本的命令不是vue -V,而是下面的

npm list vue

创建Vue项目

输入以下命令:

vue create 项目名

流程

选择安装预设项

选择3为自定义安装 ,以下都要根据自己的需求选择

选择功能

下面是选择自定义安装后的结果,继续选择功能, 按空格选中或取消

选择vue版本

根据需求选择vue版本 ,以下都需要按需求选择,没有需求就默认回车

回车,等待安装。

执行程序

注意:要先进入项目根目录,cd test

npm run serve

访问:

localhost:8080

展示图

后记

觉得有用可以点赞或收藏!

相关推荐
lijun_xiao20091 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
爱喝白开水a1 小时前
LangChain 基础系列之 Prompt 工程详解:从设计原理到实战模板_langchain prompt
开发语言·数据库·人工智能·python·langchain·prompt·知识图谱
Neverfadeaway1 小时前
【C语言】深入理解函数指针数组应用(4)
c语言·开发语言·算法·回调函数·转移表·c语言实现计算器
90后的晨仔1 小时前
Pinia 状态管理原理与实战全解析
前端·vue.js
武子康1 小时前
Java-152 深入浅出 MongoDB 索引详解 从 MongoDB B-树 到 MySQL B+树 索引机制、数据结构与应用场景的全面对比分析
java·开发语言·数据库·sql·mongodb·性能优化·nosql
杰克尼1 小时前
JavaWeb_p165部门管理
java·开发语言·前端
EndingCoder1 小时前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js
90后的晨仔1 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔1 小时前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js
我胡为喜呀2 小时前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js