基于脚手架创建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项目了

相关推荐
晴天163 分钟前
Tsup:TypeScript库打包的“零配置极速方案”
前端·javascript·typescript
计算机魔术师10 分钟前
OpenAI 回应智能体接管德语维基网站事件,称将改革 AI 误对齐事件披露机制
前端
晴天1622 分钟前
PWA 让网页拥有原生应用的体验
前端·pwa
雪芽蓝域zzs22 分钟前
第十七节:面包屑导航组件(适配多级嵌套路由)
前端·javascript·vue.js
smileNicky1 小时前
React 弹窗组件如何在新标签页打开?
javascript·react.js·ecmascript
Csvn1 小时前
类型驱动开发(Type-Driven Development):让类型约束先行为导向
前端
计算机魔术师1 小时前
AI 代理把德国维基当留言板,OpenAI 闷声几周才承认
前端
yume_sibai1 小时前
Element Plus 其他实用组件完全指南(10个核心组件)
前端·javascript·vue.js
雪芽蓝域zzs1 小时前
第二十二节:进阶:用户管理新增、编辑弹窗 + 表单校验
前端·javascript·vue.js
IT_陈寒1 小时前
Java字符串判等踩坑记:==和equals真的不能乱用
前端·人工智能·后端