主页 > 游戏开发  > 

【VueCLI脚手架开发】——1.Vue脚手架的安装与使用

【VueCLI脚手架开发】——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组件。


标签:

【VueCLI脚手架开发】——1.Vue脚手架的安装与使用由讯客互联游戏开发栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“【VueCLI脚手架开发】——1.Vue脚手架的安装与使用