Vue基础(项目搭建,文件作用)

209 阅读1分钟
1.  Vue环境的搭建

image.png
进入到配置Vue的下载

image.png 下一步进入环境的搭建,环境调配好,启动项目命令

image.png

2. Vue框架中的文件

在初期形成一个vue模板的时候,里面一般都会伴随着一些不知名的文件

image.png

接下来,就这些文件来做一些解释。

文件名用处
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,我们就需要从这些基础的文件入手,当我们知道这些文件都是干什么用的时候,接下来再写我们的代码就轻而易举的找到文件的位置