首先祝大家七夕节快乐!!!有情人终成眷属!!!
昨天老大跟我说让我学学H5,我今天到公司就开始了.
不管学习哪种语言,工具必不可少.我这里选择的是Visual Studio Code.这个工具我去年下载过,所以准备工具的工作就完成了.接着就是项目了.然后我咨询了一下前端同事,把她的项目给了我,我直接导入代码然后在他的帮助下成功运行了.这显然是不够的.需要自己新建项目,百度了好多,首先创建一个空白文件夹
然后打开文件夹
,选中test即可.接着就开始用框架了,我这里选择的是Vue.js ,然后按照来这个链接安装就行 https://www.jianshu.com/p/02b12c600c7b .项目就搭建完成了,


最后说一下项目文件配置介绍
build 和 config 是关于webpack的配置,里面包括一些server,和端口;
node_modules: 安装依赖代码库;
src : 存放源码;
static:存放第三方静态资源的,static里面的.gitkeep,如果为空,也可以提交到gitHub上面,正常情况下,是不可以提交的。
.babelrc:把es6文件编译成es5
.editorconfig:编辑器的配置

.eslintignore 忽略语法检查的目录文件,就是忽略对build/*.js和 config/*.js
入口文件: index.html 和 main.js
本文记录了作者初次接触H5并使用Visual Studio Code作为开发工具,通过前端同事的帮助成功运行项目后,自己动手新建Vue.js项目的过程。详细介绍了如何创建文件夹、按照教程链接安装Vue.js,以及项目中各文件夹和配置的作用,如build、config、src、static等,同时还提及了.babelrc、.editorconfig和.eslintignore等配置文件的功能。
464

被折叠的 条评论
为什么被折叠?



