- Getting Started: Vue.js and Visual Studio Code
- Vue.js and Webpack 4 From Scratch, Part 1
- Vue.js and Webpack 4 From Scratch, Part 2
- Vue.js and Webpack 4 From Scratch, Part 3
- VueJs template using Webpack 4
# 创建项目目录 mkdir vuejsj-01 # 进入项目目录 cd vuejsj-01 # npm初始化 npm init # 安装运行依赖 npm install --save vue vue-router # 安装开发依赖 npm install --save-dev webpack webpack-cli # 安装额外开发依赖 npm install --save-dev vue-loader vue-template-compiler vue-style-loader css-loader # webpack开发服务器 npm install --save-dev webpack-dev-server # html打包工具 npm install --save-dev html-webpack-plugin # ES6 --> ES2015 npm install --save-dev @babel/core babel-loader @babel/preset-env # 创建源码目录 mkdir src # 创建输出目录 mkdir build # 创建资源目录 mkdir assets
部分文件/目录描述
src/app.js项目入口src/App.vue根组件src/pages顶层组件目录，每个顶层组件都关联一个目录src/components块级组件目录src/router路由目录，包含vue-router配置build/webpack.config.dev.jswebpack开发配置index.html
Vuejs开源示例项目
- https://github.com/14nrv/buefy-shop
- https://github.com/BosNaufal/vue-mini-shop
- https://github.com/ittus/vuejs-firebase-shopping-cart
- https://github.com/PowerDos/Mall-Vue
- https://github.com/crisgon/vue-cart
- https://github.com/jayway/vue-js-workshop
- https://github.com/andylei18/vue-shopping