vue脚手架讲解

除了跟服务器配置相关(一般我们前端先模拟数据交互),开发环境已经搭建好,一般我们操作src下面的文件就行可以开发了。
|——node-modules                 npm install安装的依赖库├── build                       构建服务和webpack配置
    |—— build.js                webpack打包服务
    |—— webpack.base.conf.js    webpack基本通用配置
    |—— webpack.dev.conf.js     webpack开发环境配置,跟服务器相关
    |—— webpack.prod.conf.js    webpack生产环境配置
├── config                      构建项目不同环境的配置
├── public                      项目打包文件存放目录
├── index.html                  项目入口文件,即app挂载的地方 
├── package.json                项目配置文件(如vue,vue-router,stylus-loader等都在这可以看到)
├── static                       静态资源(一般重置一些浏览器的默认样式)
├── .babelrc                    babel配置文件(将es6代码转换为es5代码)
├── .gitignore                  git忽略文件
├── postcss.config.js           postcss配置文件
├── src                         项目目录
    |—— page                    页面组件目录
    |—— router                  vue路由配置
    |—— store                   vuex配置
    |—— App.vue                 vue实例入口
    |—— main.js                 项目构建入口    |—— common                  一些公用的,可以复用的js、css

猜你喜欢

转载自blog.csdn.net/illusion_melody/article/details/80204029
今日推荐