因为感觉 react
的设计哲学不太对我的口味,转到 vue
玩玩,初始化一个 vue
我的项目之后(用 vue create
/ vue init
都能够)
咱们失去的我的项目目录是这样的:
-
build
- build.js > 生产环境构建脚本
- check-versions.js > 用来查看 npm,node.js 版本
- utils.js > vue 开发环境的 webpack 相干配置文件
- vue-loader.conf.js > 配置了 css 加载器以及编译 css 之后主动增加前缀
- webpack.*.conf > webpack 的各种配置
-
config
- dev.env.js > 开发环境的各种变量设置
- 我的项目的配置文件
- prod.env.js > 生产环境的各种变量设置
-
node_modules
- 这个不必多说了吧,npm 各种模块都在这
-
src 开发目录
- assets > 资源目录,放各种资源,这个目录下的资源会被 webpack 构建
- components > 组件目录,放组件 s
- router > 前端路由,路由配置就在 index.js 外面写
- App.vue > 根组件,页面会把这个组件加载到 Dom 树上
- main.js > 入口 js 文件
-
static
- 动态资源,这个目录上面的资源不会被 webpack 构建
- index.html > 首页入口文件
- package.json > npm 包配置文件,外面写我的项目的各种 npm 脚本,依赖包等信息
- README.md > 阐明文档
- .xxxx > 各种工具、语法的配置文件
以上~ 遇到不晓得该去哪里批改,或者不晓得文件放哪里的时候,就回来看看吧~