vue-web工程搭建

参考

$ npm install -g vue-cli

$ vue init webpack my-project

$ cd my-project

$ npm install

$ npm run dev

.

├── build/                      # webpack配置文件

│  └── ...

├── config/

│  ├── index.js                # 主要项目配置

│  └── ...

├── src/

│  ├── main.js                # 应用入口文件

│  ├── App.vue                # 主应用程序组件

│  ├── components/            # ui组件

│  │  └── ...

│  └── assets/                # 模块资源（由webpack处理）

│      └── ...

├── static/                    # 纯静态资源（直接复制）

├── test/

│  └── unit/                  # 单元测试

│  │  ├── specs/              # 测试spec文件

│  │  ├── index.js            # 测试构建条目文件

│  │  └── karma.conf.js      # 测试跑步者配置文件

│  └── e2e/                    # e2e测试

│  │  ├── specs/              # 测试spec文件

│  │  ├── custom-assertions/  # e2e测试的自定义断言

│  │  ├── runner.js          # 测试跑步脚本

│  │  └── nightwatch.conf.js  # 测试跑步者配置文件

├── .babelrc                    # babel 配置

├── .postcssrc.js              # postcss 配置

├── .eslintrc.js                # eslint 配置

├── .editorconfig              # editor 配置

├── index.html                  # index.html模板

└── package.json                # 构建脚本和依赖关系

    build/

此目录包含开发服务器和生产webpack构建的实际配置。 通常，您不需要触摸这些文件，除非您要自定义Webpack加载器，在这种情况下，您应该看看build / webpack.base.conf.js。

   config/index.js

这是显示构建设置的一些最常见配置选项的主配置文件。 有关详细信息，请参阅开发期间的API代理和后端框架集成。

    index.html

这是我们的单页应用程序的模板index.html。 在开发和构建期间，Webpack将生成资产，并将生成的资产的URL自动注入到此模板中以呈现最终的HTML。

    package.json

包含所有构建依赖项和构建命令的NPM软件包元文件。