Vue CLI的形式搭建环境：

 05丨初识单文件组件_80端口

 

vue create hello-world

05丨初识单文件组件_搭建环境_02

我们选择default默认的配置，提供babel和eslint的支持。如果你已经对工程化的东西非常了解了。你可以选择自定义的选项：Manually

然后就开始创建项目了。 过程比较的漫长

05丨初识单文件组件_创建项目_03

 

安装完成后的一个结果：

05丨初识单文件组件_自定义_04

 

先进入这个目录，然后执行npm run serve运行程序

05丨初识单文件组件_自定义_05

我们直接打开8080端口就可以看到效果了

05丨初识单文件组件_Vue.js_06

 

05丨初识单文件组件_80端口_07