vuejs 网址收集及一些简单说明

# 创建项目目录
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组件生成器

猜你喜欢

转载自blog.csdn.net/weixin_41772346/article/details/88651290