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

相关推荐
zzginfo1 分钟前
JavaScript 解构赋值
开发语言·javascript·ecmascript
邂逅星河浪漫27 分钟前
【JavaScript】==和===区别详解
java·javascript·==·===
TON_G-T34 分钟前
useEffect为什么会触发死循环
java·服务器·前端
Aurorar0rua40 分钟前
CS50 x 2024 Notes C - 02
前端
海参崴-1 小时前
C++代码格式规范
java·前端·c++
Dxy12393102161 小时前
JavaScript 如何捕获异常:从基础到进阶的完整指南
开发语言·javascript·udp
谢尔登1 小时前
【React】setState 触发渲染的流程
前端·react.js·前端框架
摸鱼仙人~2 小时前
Vue中markdown-it基础使用教程
前端·javascript·vue.js
落魄江湖行2 小时前
入门篇二:Nuxt 4路由自动生成:告别手动配置路由的日子
前端·vue.js·typescript·nuxt4
CQU_JIAKE3 小时前
4.4【Q】
java·前端·javascript