一:讲解环境
Win10、IDEA2019、Vue3
二:讲解环节
笔者用vue ui创建了一个vue的初始项目。
项目结构如下:
— node_modules作用:整个项目里用到的依赖的文件。
— public作用:公用的目录。
— src作用:项目的源码目录。
— assert作用:专门放资源的文件目录。
— components作用:组件目录。
— router作用:路由的目录。
— views作用:页面目录。
— App.vue作用:Vue项目的主组件,页面入口文件,所有页面都在App.vue下进行切换的,负责构建定义及页面组件归集。
— main.js作用:整个程序的入口。(Vue.config.productionTip = false这个是关闭浏览器的开发环境的提示。)
— .gitignore作用:git的忽略文件。
— babel.config.js作用:web的配置文件。将es6的语法转化为es5。因某些浏览器(比如ie浏览器)无法使用es6而出现。
— package.json作用:整个项目的配置文件。dependencies的是正式环境的,devDependencies的是开发环境的。
— package-lock.json作用:锁定安装依赖时的版本并上传到git上,确保其他人下载时依赖版本一致。
— README.md作用:项目说明文件。