持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情juejin.cn/post/714765…

脚手架安装

create-react-app 自定义文件夹名称（不要写中文）
npm i -g @vue/cil 会让选择哪个版本，上下箭头选择，空格选中，回车下载。
npm run server 跑起来
点击8080.跳转

手动搭建 webpack+vue

初始化 npm init

下载webpack npm i webpack

下载vue

下载一些需要的依赖
(babel转换器的命令)：cnpm i babel-core babel-loader babel-preset-env babel-preset-stage-3 --save-dev

配置webpack.config.js文件（例如）

直接引用

各种直接引用的就不写了感兴趣的可以取查看一下相关的资料，因为不能更好的进行组件化的开发，不怎么用，所以没有详细的记。

注意：

vue是单文件组件（一个vue里只能有一个组件）
assets用来放静态资源的（例如：图片）
vue.config.js类似于react中的webpack.config.js.
入口文件目的：是让根文件的虚拟dom渲染到页面上。

图片中的#app是html的真实dom，也是最外围的dom（如果有需要修改100%的height时，不要忘记设置它的height值）