【Vue CLI脚手架开发】——1.Vue脚手架的安装与使用
默认项目基于vue2进行开发,后续vue3会单独进行讲解
文章目录
- 前言
- 一、创建项目
- 二、模板项目的结构
- 三、运行项目
前言
tips:基于node.js和npm环境默认已安装
Vue脚手架是Vue官方提供的标准化开发工具(开发平台)。Vue脚手架通过命令行界面(CLI)提供服务,使得创建、配置和编译Vue项目变得简单快捷,使用Vue脚手架,你可以通过全局安装vue-cli,然后使用命令行工具来初始化一个新的Vue项目,选择适合的项目模板,并自动生成项目结构和必要的配置文件。这样,开发者可以专注于业务逻辑的实现,而不必花费大量时间在项目搭建和配置上。
一、创建项目
第一步(仅第一次执行):全局安装@vue/cli。
npm install -g @vue/cli
第二步:切换到你要创建项目的目录,然后使用命令创建项目
vue create your-project
vue版本选择
项目创建中…
进入项目目录
第三步:启动项目
npm run serve
二、模板项目的结构
三、运行项目
执行npm run serve 后
点击网址跳转观看vue项目展示页面,创建Vue项目过程中Vue默认创建HelloWorld.vue组件。