vue新建项目,目录文件解释
2018-03-20 14:28
281 查看
1.
2.
1、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置。
2、node_modules是npm加载的项目依赖的模块。
3、src目录是我们要开发的目录,打开是这样的:
其中assets:用来放置图片
components:用来放组件文件
app.vue:是项目入口文件,代码如下:
App.vue相当于一个组件
main.js是项目的核心文件。代码如下:
import Vue from ‘vue’
import App from ‘./App’
import router from ‘./router’
这三句的意思是首先引入vue,然后引入了./App即App.vue文件。最后一句是引入一段路由配置。
然后是实例化new Vue .el:’#app’意思谁将所有的组件都放在id为app的元素中。components表明引入的文件,此处就是app.vue这个文件,这个文件的内容将以这样的标签写进#app中。
观察App.vue文件我们看可以看到一共有三个部分,分别是。
webpack在编译时可以将.vue文件中的这三部分抽出来合成cinderella单独的文件。
4、static文件夹用来放置静态资源目录
5、index.html是首页入口文件
6、package.json是项目配置文件
2.
1、build文件夹是保存一些webpack的初始化配置。config文件夹保存一些项目初始化的配置。
2、node_modules是npm加载的项目依赖的模块。
3、src目录是我们要开发的目录,打开是这样的:
其中assets:用来放置图片
components:用来放组件文件
app.vue:是项目入口文件,代码如下:
App.vue相当于一个组件
main.js是项目的核心文件。代码如下:
import Vue from ‘vue’
import App from ‘./App’
import router from ‘./router’
这三句的意思是首先引入vue,然后引入了./App即App.vue文件。最后一句是引入一段路由配置。
然后是实例化new Vue .el:’#app’意思谁将所有的组件都放在id为app的元素中。components表明引入的文件,此处就是app.vue这个文件,这个文件的内容将以这样的标签写进#app中。
观察App.vue文件我们看可以看到一共有三个部分,分别是。
webpack在编译时可以将.vue文件中的这三部分抽出来合成cinderella单独的文件。
4、static文件夹用来放置静态资源目录
5、index.html是首页入口文件
6、package.json是项目配置文件
相关文章推荐
- vue2.0 配置build项目打包目录、资源文件(assets\static)打包目录
- Vue-cli创建项目从单页面到多页面3-关于将打包后的项目文件不放在根目录下
- 新建项目,是否勾选“为解决方案创建目录”的文件结构的区别
- android新建项目时gen目录下的R文件没有自动的生成
- 新建android项目gen目录下未生成R文件解决方案
- vue-cli新建一个项目。项目中的各个文件代表的意思
- 解决新建的Android项目gen目录下没有R.java文件--Android开发经验
- 初临微信小程序-文件复制和项目目录下新建文件问题
- Vue-cli搭建完项目,各文件解释
- vue-cli新建一个项目。项目中的各个文件代表的意思
- 解决新建的Android项目gen目录下没有R.java文件--Android开发经验
- Vue.js项目新建及目录结构分析
- 新建android项目gen目录下未生成R文件解决方案
- eclipse3.7新建Android项目无法生成gen目录以及相关文件
- 新建android项目gen目录下未生成R文件解决方案
- 【边做项目边学Android】小白会遇到的问题--新建android项目gen目录下未生成R文件
- maven项目读取resources目录下文件
- maven项目导入出现jar文件没有同步发布到自己项目的lib目录中
- androidstudio新建项目中在布局文件中不显示title的方法
- Java EE中的Web项目的目录文件结构