1. Vue环境的搭建
进入到配置Vue的下载
下一步进入环境的搭建,环境调配好,启动项目命令
2. Vue框架中的文件
在初期形成一个vue模板的时候,里面一般都会伴随着一些不知名的文件
接下来,就这些文件来做一些解释。
| 文件名 | 用处 |
|---|---|
| node_modules | 主要是我们的node包,有可能要用到的一些插件 |
| public | 所开发的页面都是基于里面的html文件 |
| src | 用来开发页面时所用到的文件夹 |
| src/assets | 放一些静态文件(json/js/jpg/png) |
| src/components | 放一些该项目的公共组件 |
| src/router | 该项目的路由文件 |
| src/store | 存放Vuex |
| src/views | 开发项目的视图页面 |
| main.js | 存储全局变量 |
| .gitignore | 避免在提交代码时把我们不想上传的文件提交到git中 |
| babel.config | 这是一个JS编译器,主要作用是将ES5的代码,转换为向后兼容的JS语法,以便能够运行在当前和旧版本的浏览器或其它环境中 |
| package.json | 文件记录你项目中所需要的所有模块 |
| package_lock.json | 和package.json不同的是,多了一个“lock”,有“锁”的含义,用来锁定当前开发使用的版本号,防止npm install的时候自动更新到了更新版本 |
| README.md | 写一些当前项目的注意事项 |
到这里,基础的Vue框架文件就介绍完了,如果想要深入了解Vue,我们就需要从这些基础的文件入手,当我们知道这些文件都是干什么用的时候,接下来再写我们的代码就轻而易举的找到文件的位置