Vue之初识Vue CLI 脚手架

Vue CLI 是Vue 官方提供的一个全局命令工具

可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】

脚手架有什么好处?

1.开箱即用,零配置

2.内置 babel 等工具

3.标准化

使用步骤:

1.全局安装(一次):yarn globaladd @vue/cli 或 npm i @vue/cli -g
2.查看 Vue 版本:vue --version
3.创建项目架子:vue create project-name(项目名-不能用中文)
4.启动项目:yarn serve 或 npm run serve(找package.json)

我们在终端执行

javascript 复制代码
 npm i @vue/cli -g

然后我们先随便创建一个文件夹,文件夹名随便取

我们进入到文件夹

输入cmd 回车

输入 vue create name(随便取,但不能是中文)

这是选择是 Vue2 还是 Vue3

我这暂时演示Vue2, 我们选中Vue2回车,我们耐心等待安装

安装完毕后,我们切换文件所在路径,也就是你创建好的vue脚手架

我们输入:

javascript 复制代码
npm run serve

我们打开链接,如果是如下图所示,说明我们的脚手架安装成功了


感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐
九酒14 分钟前
AI Agent 开发踩坑记:口播功能非得用 APP 原生实现吗?
前端·人工智能·agent
Jackson__1 小时前
做了一段时间的AI coding后,我终于搞清了 CLI 和 MCP 的区别
前端·agent·ai编程
IT_陈寒3 小时前
JavaScript项目实战经验分享
前端·人工智能·后端
用户47949283569154 小时前
6w star,GitHub 趋势第一的 Ponytail,这个agent插件到底在火什么
前端·后端
薛定喵的谔5 小时前
我开源了一个精致的 Next.js 博客模板:Skyplume
前端·前端框架·next.js
张龙6876 小时前
构建生产级 AI Agent:工具调用与记忆架构实战指南
前端
kyriewen7 小时前
2026 年了,还在用 Node.js?Bun 迁移实战:20 分钟搞定,附踩坑记录
前端·javascript·node.js
青山Coding9 小时前
Cesium应用(八):物体运动的实现思路
前端·cesium
用户41659673693559 小时前
Android WebView 加载 file:// 离线页面调试教程
android·前端
Asmewill9 小时前
curl命令学习笔记一
前端