1. 初识VUe
Vue是一个渐进式的JavaScript框架
2. 如何创建一个Vue文件?
认识@vue/cli 脚手架 脚手架简单理解就是一个搭建好的,可以直接拿来使用的环境
好处就是:开箱即用
脚手架的使用
1.全局安装@vue/cli模块包
yarn global add @vue/cli
2.创建项目
vue create 项目名
等待项目创建好后
切换到当前文件夹
可使用yarn serve启动服务,手动打开提示的域名,即可看到下图的页面
这样vue文件的简单创建就完成啦!后面还会给大家介绍eslint,使用起来会更快乐哈哈哈
3.目录分析
(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
项目包版本锁定和缓存地址