VUE练习项目 (Click Me)

目录结构

└─ learn-vue-code                           
  ├─ build                                  
  │  ├─ build.js                            
  │  ├─ dev-client.js                       
  │  ├─ dev-server.js                       
  │  ├─ util.js                             
  │  ├─ webpack.base.conf.js                # webpack配置
  │  ├─ webpack.dev.conf.js                 # webpack配置
  │  └─ webpack.prod.conf.js                # webpack配置
  ├─ config                                 # 配置 
  │  ├─ dev.env.js                           
  │  ├─ index.js                             
  │  ├─ prod.env.js                          
  │  └─ test.env.js                         
  ├─ learn-vue.github.io                    # 项目展示的地址
  ├─ node_modules                           # 项目依赖的包 
  ├─ src                                     
  │  ├─ assets                              # 资源
  │  ├─ components                          # 组件
  │  ├─ pages                               # 页面
  │  ├─ router                              # 路由管理
  │  ├─ App.vue                             # 
  │  ├─ main.js                             # main.js
  │  └─ store.js                            # localstorge管理 
  ├─ static                                  
  ├─ .babelrc                                
  ├─ .editorconfig                           
  ├─ .eslintignore                           
  ├─ .eslintrc.js                           # eslint配置
  ├─ .gitignore                             # git配置
  ├─ .project                                
  ├─ index.html                             # 入口文件
  ├─ package.json                           # 资源管理文件
  └─ README.md                              # README

一. 安装

第一步: 安装taobao镜像工具 (非常重要！！！)

(国内最好先安装这个，不然下载这个项目实在是太艰难了) 淘宝NPM镜像地址 (Click Me)

npm install -g cnpm --registry=https://registry.npm.taobao.org

第二步: 创建项目文件夹，配置项目相关信息

npm install -g vue-cli       #进入项目文件夹全局安装 vue-cli

vue init webpack my-vue      #创建一个基于 "webpack" 模板的新项目,这里文件名起的是‘my-vue’

根据提示写入package.json相关信息 package.json文档 (Click Me)

选择性安装 karam+mocha (单元测试) 等一些工具

第三步: 安装依赖资源，启动项目

cd my-vue       #进入项目文件夹

npm install     #安装依赖的一些资源，就是package.json里面对应的东东

$ npm run dev   #启动项目

可以尽情的开发了 VUE文档地址 (Click Me)

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

其他资源

cnpm install vue-router  # 路由 http://router.vuejs.org/zh-cn/installation.html
cnpm install vue-validator  #验证
cnpm update moduleName  #更新node模块
cnpm uninstall moudleName  #卸载node模块

vue UI   http://hackersome.com/p/bravf/VueUI

requireJs入门教程 (Click Me) 代码高亮工具 (Click Me) vue-cli的webpack模板项目配置文件分析 (Click Me)

迁移工具指令 vue-migration-helper 54