您的位置：首页 > Web前端 > Vue.js

搭建vue脚手架项目中生成文件的含义，基于webpack创建项目生成文件的含义？？？

2020-03-09 23:50 796 查看

注意：这里小博主要叙述的是搭建项目生成的文件，项目中生成的文件代表什么的含义？？？然后简单的示范一下如何搭建项目基于vue搭建的项目和基于webpack搭建的项目

1.基于vue创建的脚手架项目，输入指令vue create 项目名称(列如vue-app),具体如何搭建脚手架点击vue脚手架查看 2.基于webpack搭建的脚手架项目，输入指令vue init webpack 项目名称 (列如my-app),具体如何webpack搭建脚手架点击webpack脚手架查看

基于vue搭建项目中生成的相关文件的含义叙述

简述基于vue搭建项目文件的含义

i.node_modules 此文件用来保存我们开发项目时所下载的依赖包，将项目打包时我们不会压缩此文件

ii.public

public代表公共的意思，一般我们都用来存放静态资源，如图片

iii.src

src我们整个项目的核心文件夹，这个文件是我们用来编写文件的，此文件夹下含有assets、components、App.vue、mian.js

assets 此文件夹用来存放我们的样式文件，图片文件资源

components

此文件存放我们开发项目创建的组件文件，生成项目中本人含有一个helloworld.vue组件

App.vue

官网链接

mian.js

整个项目的入口脚本文件

iv.babel.config.js

bable转码器用来转义成浏览器能识别的代码

v.package.json

此文件用来存放项目的配置服务的启动以及可以查看我们使用的是哪个vue版本开发的项目

vi.package-lock.json

此文件用来查看我们整个项目安装使用依赖包的版本以及相关信息都能查看到。

vii.README.md

项目开发中我们对编写代码一些相关注释存放于此

基于webpack搭建项目中生成的相关文件的含义叙述

简述基于webpack项目文件的含义,这里小博简述我们需要用到的地方

i.build 存放webpack包文件的相关信息

ii.config

存放webpack的配置信息

iii.node_modules

此文件用来保存我们开发项目时所下载的依赖包，将项目打包时我们不会压缩此文件

iv.public

public代表公共的意思，一般我们都用来存放静态资源，如图片

v.static

存放静态文件

vi.src

src我们整个项目的核心文件夹，这个文件是我们用来编写文件的，此文件夹下含有assets、components、router、App.vue、mian.js

assets 此文件夹用来存放我们的样式文件，图片文件资源

components

此文件存放我们开发项目创建的组件文件，生成项目中本人含有一个helloworld.vue组件

router

路由文件，配置路由指向

App.vue

官网链接

mian.js

整个项目的入口脚本文件

vii.babelrc

bable转码器用来转义成浏览器能识别的代码

viii.package.json

查看此文件可以详细看到我们启动项目的配置以及可以查看我们使用那些依赖包的是哪个版本开发的项目，vue版本等，

viv.package-lock.json

此文件用来查看我们整个项目安装使用依赖包的版本以及相关信息都能查看到。

vv.README.md

项目开发中我们对编写代码一些相关注释存放于此

点赞 1
收藏
分享
文章举报

NanQiao1716 发布了20 篇原创文章 · 获赞 153 · 访问量 3万+ 私信关注

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航