初始化前端vue项目
一、用webstorm或者vs(其他工具都可)打开项目>文件>打开
二、可以现在控制台中输入 npm run serve 先运行项目,出现的local地址复制,打开浏览器输入就可以看到项目
三、进入App.vue文件,删除多余的部份
四、先清空路由文件中index.js的引入组件,再删除三个多余的组件
结果如下图:
五、再company中新建一个vue组件,内容自己写
六、然后再router/index配置文件中引入组件
七、最后在app.vue中添加标签就可以了
注:webstorm对格式要求非常严格,一行空格都有可能报错,要么按照严格的格式来,要么通过把.eslintrc.js中的 '@vue/standard’删掉,就不会空格或者其他格式错误了,把经验分享给大家,希望别像我多走弯路
以上是 初始化前端vue项目 的全部内容, 来源链接: utcz.com/z/375680.html