初学者快速构建vue项目 逃离我推掉我的手 2023-06-09 12:23 136阅读 0赞 首先需要搭建Vue开发环境,参考:[windows环境搭建Vue开发环境][windows_Vue] * **1.使用iview推荐工程快速开发** 官网推荐工程:[view-ui-project][] (下载) 使用iview推荐工程快速开发,会省去大量配置和调试环境的时间。 * **2.构建项目** 在该项目目录下cmd依次输入以下命令: npm install //下载项目依赖 npm run init //初始化项目 在初始化项目的时候可能会遇到**报错**,参考:[iView 运行iview-project项目时npm run init,报错ERR\_INVALID\_CALLBACK][iView _iview-project_npm run init_ERR_INVALID_CALLBACK] npm run dev //启动项目 * **3.开启项目** 项目启动成功后会自动打开 http://localhost:8080/,页面内容如下: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70] * **4.更换浏览器图标** 参考:[vue项目修改浏览器图标][vue] ![在这里插入图片描述][20191021110433164.png] [windows_Vue]: https://blog.csdn.net/HuangsTing/article/details/89225283 [view-ui-project]: https://github.com/view-design/view-ui-project [iView _iview-project_npm run init_ERR_INVALID_CALLBACK]: https://blog.csdn.net/HuangsTing/article/details/102364800 [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5nc1Rpbmc_size_16_color_FFFFFF_t_70]: /images/20230531/cfd22cbb6d3a42d59367cffa450d9ca1.png [vue]: https://blog.csdn.net/HuangsTing/article/details/102515193 [20191021110433164.png]: /images/20230531/43356aaf976d4e64a0bb178448cbd6fd.png
还没有评论,来说两句吧...