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

相关推荐
认真的小羽❅2 小时前
CSS完全指南:从入门到精通
前端·css
Never_every992 小时前
5 个批量抠图工具,提升 10 倍效率
大数据·前端·ai
开维游戏引擎2 小时前
开维游戏引擎实例:五子棋
javascript·游戏·html·游戏引擎·ai编程
wefly20172 小时前
告别繁琐配置!m3u8live.cn让 M3U8 链接验证变得如此简单
开发语言·前端·python·django·flask·开发工具
FL16238631292 小时前
使用html实现超炫登录界面和diango实现同样登录界面
前端·html
Irissgwe2 小时前
基础I/O
java·linux·前端
简单不容易2 小时前
【vue hooks】useScreenOrientation-获取屏幕方向并支持低版本系统
javascript·vue.js
巫山老妖2 小时前
多 Agent 协作实战:我用 3 只龙虾组了个「AI小分队」,效率直接翻倍
java·前端
DyLatte2 小时前
理性到最后,其实是一场下注
前端·后端·程序员