Day2安装vue我选择的是vue3!!

我的编译器使用vscode在终端机下 vue create XXXX(档案名称)即可看到这个画面 (要先安装node.js 这边就不多做赘述了XD)
再来这边选择 manually select features

把router选起来

版本选择vue 3 使用history model(之後会解释)

之後选择ESLint with error prevention only

Lint on save

In package.json

Save this as a preset for feature projects 选择NO

再来就是等他跑~~~

完成後再终端机下这个指令npm run serve (千万记得要进入刚创好的资料夹否则没办法开启唷!)
预设的port是8080点进去就可以看到初始页面

嘟嘟噜这就是初始页面

接下来让我们进行一点小改造
把components下的helloword.vue删除
并在views里的home.vue修改一下

嘟嘟噜这就是刚开起来页面的样式

再来去index.html改一下网站的名称跟网站左上角的icon(将想要的照片存成.ico格式放在原照片路径即可)

嘟嘟噜~~~这就是我们现在的网站样式

今天的部分就差不多这样了 明天开始先把版面设计好 然後再选择要使用哪一个前端框架 目前在考虑要用bootstrap或vuetify 那就静待明天的文章!!!!
我们明天见