Vue 小技巧-快速原型开发

子曰：万里之行，始于足下。

场景

平常开发项目以 Vue 为主，需要测试一些功能时，

1.在原有项目上新建一个git 分支

1	git checkout -b feature-20210224

2.新建一个路由页面，然后在这个页面上进行实现。
3.在实现完成之后需要将这个分支删除

1	git branch -d feature-20210224

这会导致一些问题：
1.如果忘记执行第三步进行删除分支，会导致分支比较多
2.在多个项目中，代码比较分散，技术积累不宜保留下来

1.使用 Vue CLI 的快速原型开发，可以解决上述的几个问题

使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发

1.安装一个全局的扩展

1	npm install -g @vue/cli-service-global --registry=https://registry.npm.taobao.org

2.新建一个 App.vue 文件

1 2	mkdir sfc-vue && cd sfc-vue touch App.vue

1
2
3

<template>
  <h1>快速原型开发</h1>
</template>

3.在 sfc-vue 目录下运行如下命令

vue serve

4.启动浏览器访问上一步运行的网络地址 http://127.0.0.1:8080 ，就可以看到如下效果了