基于脚手架创建Vue2工程

一.环境要求

  • node.js : 前端项目的运行环境(可以用nvm在cmd管理者状态下切换node版本:nvm install 版本号)
  • npm : JavaScript的包管理工具
  • Vue CLI :基于Vue进行快速开发的完整系统,实现交互式的项目脚手架

二.使用Vue CLI 创建前端工程

方式一:vue create 项目名称 (通过命令行创建工程)

方式二:vue ui (通过网页操作创建工程)

方式一:vue create 项目名称 创建项目

1.在没有中文的路径下,打开命令窗口,输入vue create vue-demo-1 回车

2.选择Vue2或Vue3

3.等待创建工程

4.此时就创建好了一个Vue2工程了

5.进去看一下脚手架工程的基本结构

方式二:vue ui

1.在没有中文的路径下,打开命令窗口,输入vue ui 回车

2.它会打开一个网页,供我们创建工程。点击在此创建工程。如下:

3.填写项目名称,选择包管理工具,和git选项,点击下一步。

4.选择Vue版本,点击创建项目,就可以成功创建好一个Vue项目了

相关推荐
清寒_37 分钟前
分层理解AI架构,降低对AI复杂度的恐惧
前端·人工智能·ai编程
李白的天不白1 小时前
如何项目发布到github上
android·vue.js
牧码岛1 小时前
Web前端之JavaScrip中的Array、Object、Map和Set详解
前端·javascript·web·web前端
Bigger1 小时前
😮‍💨 有了 AI 之后,我怎么感觉反而更累了?
前端·aigc·ai编程
Dxy12393102161 小时前
HTML中使用Canvas动态图形渲染:解锁Web交互新维度
前端·html·图形渲染
西陵1 小时前
如何实现 Claude 生成式 UI?一套可落地的工程方案
前端·人工智能·ai编程
FlyWIHTSKY1 小时前
Vue 3 + 原生 CSS Float
前端·css·vue.js
energy_DT1 小时前
2026海上钻井平台可视化运维:红外热成像、超声波、AI视频巡检、数字孪生
前端
ONLYOFFICE1 小时前
如何将 Word 集成到 Web 应用程序? 5 种方法详解与对比
前端·word·onlyoffice
533_1 小时前
[pinia] vue3中监听pinia值的变化
前端·javascript·vue.js