Webstorm:
先打开npm 然后找到vue001\package.json,分别依次运行serve和build
会出现
第一步运行完成标识:
以上蓝色部分就是运行后的地址.
第二步完成后的
:
这两步运行完之后,软件上方就会出现dist这样的文件
其中
Dist 为资料打包输出文件夹
Src 存放源文件,也就是代码所在地.
接下来就是重点代码:
打开main.js
这个app的内容怎么看,去这个地方找:index.html
作一**释:
APP内部显示内容：
这里的两部分。
接下来看一下home 和 about 里面写入的内容：
打开src下的helloworld.vue
而下方的
则是为了对应上方的msg
接下来修改首页窗口里面的内容：打开src下的views:
接下来是关于界面的内容：
固定页头，页尾的添加：