webpack+vue+vueRouter+es6 构建的简单实例项目
如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^
Vue很轻量,它写组件的方式非常舒服。代码风格也很干净。所以我用Vue写了一个小demo(适合初学者的)
- node v6.10.1
- cnpm 4.5.0
- npm 3.10.10
[vue]
[vue-router]
[vue-resource]
[webpack]
[es6-babel]
[less]
. ├── README.md ├── dist // 项目build目录 ├── package.json // 项目配置文件 ├── src // 生产目录 │ ├── assets // css js 和图片资源 │ ├── components // 各种组件 │ ├── views // 各种页面 │ ├── router.js // 路由配置 │ └── app.vue // 根组件 │ └── main.js // Webpack 预编译入口 ├── index.html // 项目入口文件 ├── webpack.config.js //webpack配置文件 ├── .gitignore //git忽略文件
项目地址:(使用git clone
)
git clone https://github.com/193Eric/webpack-vue-vueRouter.git
通过npm
安装本地服务第三方依赖模块(需要已安装Node.js),使用npm安装依赖模块可能会很慢,建议换成cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org
# 安装依赖模块
cnpm install
npm run build
npm run dev
然后会自动弹出浏览器地址 http://localhost:8081