首页 > 其他 > 详细

Vue 项目构建

时间:2017-11-08 14:26:07      阅读:331      评论:0      收藏:0      [点我收藏+]

  一、初始化项目

    1.vue init webpack (fileName)

    技术分享

    2.项目名称

    技术分享

    3.项目描述

    技术分享

    4.项目作者

    5.是否依赖 .Vue 文件开发

    技术分享

      第一个选项可以不依赖 .Vue 文件开发, 第二个使用 .Vue 文件开发。(推荐使用第二个)

    6.是否使用 vue-router 

    技术分享

      vue-router 用于构建单页网页。(推荐使用)

    7.是否使用ESlint规范代码

    技术分享

      规范代码使代码更整洁好看。(推荐使用)

    8.规范类型

    技术分享

      推荐使用标准

    9.测试相关

    技术分享

      暂不使用(不会用)

    10.初始化完成

    技术分享

  二、安装依赖并运行

    1.进入初始化完成后的文件

      cd editTableWeb

    2.安装依赖

      npm install

    3.运行

      npm run dev

  三、代码目录组织方式

    api文件:后端请求相关代码

    common文件:通用静态资源。字体文件、图片、JS、样式

    component文件:通用 .Vue 组件(业务组件)

    Router文件:路由相关文件

    base文件:基础组件库(可以合并成npm库共用)

    

    

 

Vue 项目构建

原文:http://www.cnblogs.com/Easty/p/7803593.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!