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

相关推荐
Jmyd012311 分钟前
用 Web VR 引擎搭建 3D 虚拟展厅:从素材上云到多端实时渲染的完整数据链路
前端·3d·vr·三维数字化
刘天远1 小时前
Agent成本核算实现:事件表、状态分布与Python归集
前端·数据库·人工智能·python
欣欣之王来了1 小时前
开发环境准备:Node.js、npm、VS Code安装配置
前端·学习·架构·项目·vue3教程
xiaolinudao1231 小时前
将多个 Excel 表格中的数据合并到单个表中|6 种实现方案全解析
java·前端·excel
计算机毕设定制辅导-无忧学长2 小时前
《校园食堂在线订餐小程序的设计与实现》
java·vue.js·spring boot·微信小程序·uniapp·校园食堂在线订餐小程序
LRL_2 小时前
跨平台 Node 模块安装指南:如何利用 pnpm/npm 配置`supportedArchitectures` 锁定平台依赖
前端·npm·node.js
EatFan2 小时前
React 项目踩坑实录:useEffect 闭包陷阱、Context 性能陷阱与 React 18 升级避坑排查手册
前端·javascript·react.js·react·react hooks·useeffect·闭包陷阱
风骏时光牛马3 小时前
企业业务运营信息数据库
前端
IT_陈寒3 小时前
Vue的数组更新把我坑惨了
前端·人工智能·后端
于航3 小时前
分层上下文压缩,幻觉检测,错误累积概要
前端