Vue小白白从0开始-01_创建Vue文件

257 阅读1分钟

1. 初识VUe

Vue是一个渐进式的JavaScript框架

2. 如何创建一个Vue文件?

认识@vue/cli 脚手架 脚手架简单理解就是一个搭建好的,可以直接拿来使用的环境

好处就是:开箱即用

脚手架的使用

1.全局安装@vue/cli模块包 yarn global add @vue/cli

2.创建项目

vue create 项目名

等待项目创建好后

image.png

切换到当前文件夹

image.png

可使用yarn serve启动服务,手动打开提示的域名,即可看到下图的页面

image.png

这样vue文件的简单创建就完成啦!后面还会给大家介绍eslint,使用起来会更快乐哈哈哈

3.目录分析

image.png

(1)node_modules

项目依赖的第三方包(第三方下载来的包都会放在里面哦)

(2)public

静态文件目录(用来放浏览器小图标和单页面的html文件)

(3)src

业务文件夹(图片、组件目录、整个应用的根组件App.vue、入口js文件)

(4).gitignore

git提交忽略配置的文件

(5)babel.config.js

babel配置文件

(6)package.json

依赖包列表,可以在里面查看自己下了哪些包

(7)README.md

项目说明

(8)yarn.lock

项目包版本锁定和缓存地址

好啦~~~~以上就是创建vue文件的全部步骤以及脚手架目录分析 ,万万子初来乍到,请多多关照啦!