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

展示图

后记

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

相关推荐
小高0074 分钟前
面试官:npm run build 到底干了什么?从 package.json 到 dist 的 7 步拆解
前端·javascript·vue.js
天选打工圣体5 分钟前
个人学习笔记总结(四)抽离elpis并发布npm包
前端
William一直在路上9 分钟前
Python数据类型转换详解:从基础到实践
开发语言·python
wayhome在哪15 分钟前
用 fabric.js 搞定电子签名拖拽合成图片
javascript·产品·canvas
看到我,请让我去学习1 小时前
Qt— 布局综合项目(Splitter,Stacked,Dock)
开发语言·qt
GUET_一路向前1 小时前
【C语言防御性编程】if条件常量在前,变量在后
c语言·开发语言·if-else·防御性编程
曳渔1 小时前
UDP/TCP套接字编程简单实战指南
java·开发语言·网络·网络协议·tcp/ip·udp
JayceM1 小时前
Vue中v-show与v-if的区别
前端·javascript·vue.js
HWL56791 小时前
“preinstall“: “npx only-allow pnpm“
运维·服务器·前端·javascript·vue.js
三千道应用题1 小时前
WPF&C#超市管理系统(6)订单详情、顾客注册、商品销售排行查询和库存提示、LiveChat报表
开发语言·c#·wpf