# 创建项目目录
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.js
webpack开发配置
index.html
Vuejs开源示例项目
Vuejs组件生成器