使用 Vue CLi 创建 Vue 项目

Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。

1、首先安装 Vue CLi

参考文档:https://cli.vuejs.org/zh/guide/installation.html

打开 cmd,使用如下命令进行安装:

npm install -g @vue/cli

检查是否安装完成,输入命令:

vue --version

如下图:

2、创建 Vue 项目

在指定目录下(比如我的是 D:\Java\Vue),打开 powershell

输入命令:

vue create xxxx(项目名)

然后再:

cd vuehr
npm run serve

创建成功后,显示如下:

打开浏览器,输入http://localhost:8080/,如下图:

创建成功!

每天学习一点点,每天进步一点点。

posted @   爱吃西瓜的番茄酱  阅读(150)  评论(0编辑  收藏  举报
编辑推荐:
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
阅读排行:
· 手把手教你更优雅的享受 DeepSeek
· AI工具推荐:领先的开源 AI 代码助手——Continue
· 探秘Transformer系列之(2)---总体架构
· V-Control:一个基于 .NET MAUI 的开箱即用的UI组件库
· 乌龟冬眠箱湿度监控系统和AI辅助建议功能的实现
点击右上角即可分享
微信分享提示