初始化前端vue项目

一、用webstorm或者vs(其他工具都可)打开项目>文件>打开

初始化前端vue项目

二、可以现在控制台中输入 npm run serve 先运行项目,出现的local地址复制,打开浏览器输入就可以看到项目
初始化前端vue项目初始化前端vue项目三、进入App.vue文件,删除多余的部份
初始化前端vue项目四、先清空路由文件中index.js的引入组件,再删除三个多余的组件

初始化前端vue项目结果如下图:
初始化前端vue项目五、再company中新建一个vue组件,内容自己写
初始化前端vue项目六、然后再router/index配置文件中引入组件
初始化前端vue项目七、最后在app.vue中添加标签就可以了
初始化前端vue项目初始化前端vue项目注:webstorm对格式要求非常严格,一行空格都有可能报错,要么按照严格的格式来,要么通过把.eslintrc.js中的 '@vue/standard’删掉,就不会空格或者其他格式错误了,把经验分享给大家,希望别像我多走弯路

初始化前端vue项目