1.项目文件配置如下:
每个文件在项目中的作用,如下:
node_modules-----npm 加载的项目依赖模块
public----放置一些公共的文件
src----要开发的目录,开发要做的事情都在这个目录中
assets----存放一些图片
components----存放组件的文件,可以不用
App.vue----项目入口文件,也可以将组件写在这里
main.js----项目的核心文件
.editorconfig-----用于定义编码样式的文件格式和一组文本编辑器插件组成,这些插件使编辑器能够读取文件格式并遵循定义的样式
.gitignore-----避免在提交代码时把我们不想上传的文件提交到git中
babel.config.js----主要作用是将ECMAScript 2015+ 版本的代码,转换为向后兼容的JS语法,以便能够运行在当前和旧版本的浏览器或其它环境中
package.json---项目的配置信息
package-lock.json----npm依赖模块的详细信息
README.md----项目的说明文件,markdown格式
2.Vue项目打包
在项目根目录打开命令行解释器应用程序,然后输入npm run build即可,如下:
这样就打包成功了,在项目中生成了一个dist文件
我们双击计入dist文件中,将文件中的这些文件丢到自己的服务器中,访问自己的域名就可以在浏览器上看到自己的项目啦!
下一章配置vue-router然后创建第一个页面
今天就分享到这里!