zoukankan      html  css  js  c++  java
  • 【vue2.x基础】用npm起一个完整的项目

      1. 安装vue

      npm install vue -g

      2.  安装vue-cli脚手架

      npm install vue-cli -g

      3. 安装webpack

      npm install webpack -g

      4 cd[/d][X:]进某个路径,存放我们要建的项目,否则会默认路径建项目

      vue init webpack "项目名称"

      5 等项目初始化完以后cd进所在的目录

      cd '项目所在文件夹'

      6 npm run dev运行项目


    文件构成详解

    第一部分: build构建脚本目录

     build.js ===》 生产环境构建脚本

    check-versions.js ===》 检查npm node.js脚本

    utils.js ===》 构建相关工具方法

    vue-loader.conf.js ===》配置了css加载器以及编译之后css自动添加前缀

    webpack.base.conf.js ===》webpack基本配置

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

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

    第二部分: config 项目配置

    dev.env.js ===》 开发环境变量

    index.js ===》项目配置文件 (可在此处配置targetPath等)

    prod.js ===》 生产环境变量

    第三部分 node_modules: npm加载的项目依赖模块

    第四部分 src  这里是开发目录,里面包含了很多目录及文件

    assets ===》资源目录,放置一些图片或者公共js 公共css,这里的资源会被webpack构建

    components ===》组件目录,项目的组件就在这个目录下

    router ===》 前端路由,路由路径就写在这里面

    App.vue ===》 根组件,一切的源头

    main.js ===》 入口js文件

    static:静态资源目录

    index.html:首页文件入口,可添加一些meta信息

    packge.json:npm包配置文件,定义了项目的npm脚本以及依赖包插件等信息

    README.md:项目的说明文档

  • 相关阅读:
    【转】return 使用示例
    java基础_二维数组的行和列
    新版SQL授权用户时报错 near 'IDENTIFIED BY '密码' with grant option' at line 1
    GO kafka sarama 生产者 消费者 简单 实现
    Windows 安装kafka
    windows 连接nsq
    reflect: call of reflect.Value.NumField on ptr Value
    django 数据库 mysql 事务 处理
    python 类的继承
    python 中 insert 返回 None
  • 原文地址:https://www.cnblogs.com/code-klaus/p/11365770.html
Copyright © 2011-2022 走看看