zoukankan      html  css  js  c++  java
  • Vue.js项目详解

    还是以Blog项目来讲解,最近我本人利用闲暇时间,以博客作为参考学习一些新的技术并尝试之前没有尝试过的思路来玩玩。

    技术看似枯燥,但是带有一个目的来学,你会发现还是蛮有趣的。

    主要实践的就是前后端分离,本次只是浅尝辄止,不作深入,主要对项目目录文件详解

    项目图,如下所示:

    README.md 项目介绍

    index.html 入口页面

    build 构建脚本目录

      build-server.js 运行本地构建服务器,可以访问构建后的页面

      build.js 生产环境构建脚本

      dev-client.js 开发服务器热重载脚本,主要用来实现开发阶段的页面

      dev-server.js 运行本地开发服务器

      utils.js 构建相关工具方法

      webpack.base.conf.js webpack基础配置

      webpack.dev.conf.js webpack开发环境配置

      webpack.prod.conf.js webpack生产环境配置

    config 项目配置

      dev.env.js 开发环境配置

      index.js 项目配置文件

      prod.env.js 生产环境变量

      test.env.js 测试环境变量

    src 源码目录

      main.js 入口js文件

      App.vue 根组件

      components 公共组件目录

        HelloWord.vue和Post.vue

           asserts 资源目录,这里的资源会被webpack构建

      routes 前端路由

        index.js

      static 纯静态资源,不会被webpack构建

    package.json 版本库依赖、开发者信息等等

    其它像eslint之类的是一种语法检查

  • 相关阅读:
    下载图片
    wx.requestSubscribeMessage
    服务器布置
    网站更换服务器出现加载不了js css文件的问题
    用git创建仓库关联本地项目,又一直上传不上去
    今天发布MVC项目一直找不到页面
    vs nuget找不到包
    vue cli更新
    ExecuteNonQuery()返回受影响行数不适用select语句
    ASP.NET(C#)返回上一页(后退)代码
  • 原文地址:https://www.cnblogs.com/youcong/p/10372214.html
Copyright © 2011-2022 走看看