@H_3010@说明:
@H3010@我们项目现在用的是:vue2.0 + vue-cli + webpack + vue-router2.0 + vue-resource1.0.3
@H301_0@如果大家在实践的过程中与本文所说的内容有较大区别的话看看是不是版本问题。
@H_301_0@本文是一系列文章,在我对Vue有了更深刻的理解认识之后会对文章及时进行修改或更正。欢迎大家批评指出错误。以下是已完成的文章列表。
@H_301_0@<a target="_blank" href="//www.jb51.cc/article/101839.htm">1.Vue.js系列之项目搭建(1)
<p style="text-align: center">
@H_3010@
简单介绍目录结构
@H301_0@build目录是一些webpack的文件,配置参数什么的,一般不用动
@H_301_0@config是vue项目的基本配置文件
@H_301_0@nodemodules是项目中安装的依赖模块
@H301_0@src源码文件夹,基本上文件都应该放在这里。
@H_301_0@—assets 资源文件夹,里面放一些静态资源
@H_301_0@—components这里放的都是各个组件文件
@H_3010@—App.vue App.vue组件
@H301_0@—main.js入口文件
@H_301_0@static生成好的文件会放在这个目录下。
@H_301_0@test测试文件夹,测试都写在这里
@H_3010@.babelrc babel编译参数,vue开发需要babel编译
@H301_0@.editorconfig 看名字是编辑器配置文件,不晓得是哪款编辑器,没有使用过。
@H_301_0@.gitignore 用来过滤一些版本控制的文件,比如node_modules文件夹
@H_3010@index.html 主页
@H301_0@package.json 项目文件,记载着一些命令和依赖还有简要的项目描述信息
@H_3010@README.md 介绍自己这个项目的,想怎么写怎么写。不会写就参照github上star多的项目,看人家怎么写的
@H301_0@
详细介绍几个文件
@H_301_0@
1.package.json
<div class="jb51code">
<pre class="brush:js;">
{
"name": "demo","version": "1.0.0","description": "A Vue.js project","author": "Luke.deng","private": true,"scripts": {
"dev": "node build/dev-server.js","build": "node build/build.js","e2e": "node test/e2e/runner.js","test": "npm run e2e"
},"dependencies": {
"vue": "^2.1.0"
},"devDependencies": {
"autoprefixer": "^6.4.0","babel-core": "^6.0.0","babel-loader": "^6.0.0","babel-plugin-transform-runtime": "^6.0.0","babel-preset-es2015": "^6.0.0","babel-preset-stage-2": "^6.0.0","babel-register": "^6.0.0","chalk": "^1.1.3","connect-history-api-fallback": "^1.1.0","css-loader": "^0.25.0","eventsource-polyfill": "^0.9.6","express": "^4.13.3","extract-text-webpack-plugin": "^1.0.1","file-loader": "^0.9.0","function-bind": "^1.0.2","html-webpack-plugin": "^2.8.1","http-proxy-middleware": "^0.17.2","json-loader": "^0.5.4","chromedriver": "^2.21.2","cross-spawn": "^4.0.2","nightwatch": "^0.9.8","selenium-server": "2.53.1","semver": "^5.3.0","opn": "^4.0.2","ora": "^0.3.0","shelljs": "^0.7.4","url-loader": "^0.5.7","vue-loader": "^10.0.0","vue-style-loader": "^1.0.0","vue-template-compiler": "^2.1.0","webpack": "^1.13.2","webpack-dev-middleware": "^1.8.3","webpack-hot-middleware": "^2.12.2","webpack-merge": "^0.14.1"
},"engines": {
"node": ">= 4.0.0","npm": ">= 3.0.0"
}
}