关于vue.js:从零开始搭建Vue20项目一之快速开始

42次阅读

共计 862 个字符,预计需要花费 3 分钟才能阅读完成。

📋前言

该样板实用于大型和庄重的我的项目,用于疾速搭建企业级的 vue 我的项目。

如果你只想尝试 vue-loader 或疾速制作出原型,请改用 webpack-simple 模板。

🚀疾速开始

要应用此模板,请应用 vue-cli 搭建我的项目。倡议应用 npm 3+ 以取得更无效的依赖关系树。

$ 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                # 构建脚本和依赖关系

前后端拆散的一个我的项目搭建的进度实现了 1 /3,下一步是配置跨域和申请,
我是 Java 白羊🐏,一只想做全栈的小羊,感激大家的观看ヾ(◍°∇°◍)ノ゙!

正文完
 0