vue脚手架安装和使用

xiaoxiao2021-02-28  91

最近项目要做成vue-cli(脚手架)框架的,把使用的一些心得分享出来

首先先创建一个文件夹

在命令行执行进入此文件夹

搭建官方项目模板步骤:

1、npm install  vue-cli (安装vue-cli )

2、vue init webpack  你的项目名称,此处会有一些初始化的确认步骤,主要是一些项目的名称版本号什么的,按步骤走就行

3、npm install 安装npm包管理器

4、使用"npm - run - dev" 命令来运行项目

//5、使用"npm-run-bulid" 来执行发布,会自动生成dist文件

此时你就可以在浏览器上打开脚手架的项目

此时的初始化的项目结构是这样的

把自己的.vue文件都挂载到comonents文件夹下即可

转载请注明原文地址: https://www.6miu.com/read-55497.html

最新回复(0)