当前位置: 移动技术网 > IT编程>网页制作>CSS > vue项目心得总结

vue项目心得总结

2019年01月11日  | 移动技术网IT编程  | 我要评论

项目使用 vue ,库使用 element,模拟数据使用 easy mock 。

项目线上网址:

1、vue 项目目录结构详解

安装好 vue.js 后,生成的目录众多,在此对其进行目录解析

build 文件是项目构建 webpack 相关代码

config 是配置目录,包括端口号等

node_modules 是npm 加载的项目依赖

src 是我们需要开发的目录,包含的几个目录及文件:

assets:放置一些图片

components:放置组件文件

app.vue:项目入口文件(可以将组件写在此处,而不使用 components 目录)

main.js:项目的核心文件

static 是静态资源目录,如图片、字体等

.xxxx 都是配置文件,包括语法配置、git配置等

是首页入口文件

package.json 是项目配置文件

readme.md 项目的说明文档

2、package.json

package.json 中的 dependencies 是指定了项目运行所依赖的模块

package.json 中的 devdependencies 是指定了项目开发所需要的模块

--save 表示将该模块写入 dependencies 属性

--save-dev 表示将该模块写入 devdependencies 属性

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网