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

展示图

后记

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

相关推荐
沙振宇1 分钟前
【Web】使用Vue3+PlayCanvas开发3D游戏(六)模拟自驾场景SR+3D可视化
前端·游戏·3d·vue3·playcanvas
@大迁世界4 分钟前
6 款轻量级 CLI 工具,取代了我臃肿的开发软件
开发语言·lua
吴所畏惧7 分钟前
前端打包cdn或者dll打包方式
前端
小鲤鱼ya10 分钟前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3
霍理迪12 分钟前
Vue—条件渲染与循环渲染
前端·javascript·vue.js
MegaDataFlowers12 分钟前
依赖注入(DI)
java·开发语言
csbysj202014 分钟前
Foundation 输入框尺寸指南
开发语言
码云数智-园园16 分钟前
Tailwind CSS vs. 传统CSS/Sass:2026年前端样式开发的深度博弈
开发语言
xixixin_16 分钟前
【CSS】字体大小不一致?px与vw渲染差异的底层原理与解决方案
前端·css
lly20240618 分钟前
《jEasyUI 创建 XP 风格左侧面板》
开发语言