关于vue脚手架篇介绍

本文介绍了如何安装Vue脚手架,并详细解析了创建的Vue项目中各文件夹及其子文件的作用,包括node_modules、public、src等目录,以及App.vue根组件和main.js项目入口文件等内容。

(一)安装nodejs

这个步骤请看下一篇

(二)安装VUE脚手架

1.

首先安装脚手架,我直接在c盘安装的

2.

然后再创建文件夹

3.

在这儿选择vue的版本

4.

5.

6.

7.出现这个界面即可,代表vue文件创建成功

8.下面介绍一下创建的文件夹里面的子文件的作用

(1)vue文件夹
    node_modules插件安装目录
    public公用文件和模板目录
    *src源文件目录
    .gitignore上传到服务忽略配置
    bable.config.js ES6转Es5配置
    jsconfig.json js配置
    *package.json包管理(项目管理目录)package-lock.json插件安装地址缓存README.md项目说明文件
    vue.config.js vue项目配置文件

(2)src项目源文件
    --assets资源目录
    ----logo.png logo
    --components存储自定义组件目录
    ----HelloWorld.vue默认组件
    --*App.vue vue根组件
    --main.js项目入口文件

9.介绍一下vue里面的App.vue  vue根组件

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值