首页天道酬勤nginx配置发布vue,vue打包环境配置

nginx配置发布vue,vue打包环境配置

admin 05-05 16:18 157次浏览

步骤1 :打开cmd,输入vue ui,进入ui界面

单击“创建”选择项目存储目录,然后单击此处创建新项目即可

步骤2 :配置新项目

单击“下一步”

选择“手动”,然后单击“下一步”。 如果以前保存过配置模板,请选择“模板点”以创建项目。)

选择这些项目。 初学者不建议选择Linter/Formatter。

选择VUE版本(我是3.x ),然后单击以创建项目。 在这里要等很长时间。

步骤3 :安装元素插件,然后单击“添加插件”以搜索元素

现在检查自己的vue-cli版本,vue-cli4安装第二个(element-plus ),vue-cli3安装第一个(element )

单击“安装”后,如果等待,系统将提示您选择是全部部署,还是根据需要部署。 建议根据需要部署,以免APP应用程序过于庞大。 当然,你也可以选择一切。 语言可以选择英语或中文。 再次单击安装。 等待,然后进入文件更改画面,直接单击继续。

操作完成后,显示插件

步骤4 :安装所需的依赖关系直接点击安装依赖关系,找到所需的依赖关系后点击安装即可

常用依赖关系(推荐安装(axios、vue-axios、less、less-loader

安装后依赖项列表:

版本只要基于现实开发时的要求版本即可

添加依赖关系后,可以启动项目

第五步:启动项目

依次单击(单击“执行”,等待编译完成,然后单击启动APP ) )。

你可以看到经典的界面

至此,vue项目创建完成

番外篇:如果创建过程中遇到的亿点坑完成,启动app并打开控制台时页面为空,将显示以下错误: cannotreadproperty‘use’of undefined

虽然以前好像没有遇到过这样的问题,但是网上的解决方案似乎不太管用。 在编译器中打开项目时,您会看到element.js中的locale实际上并未部署。 (感觉就像element-plus更新后的错误。 过一会儿不知道会不会好起来)

暂时不国际化,所以我干脆注释了它。

评论后,页面将正常显示。

如果有知道是什么原因的大人物的话,希望你告诉我各种各样的事情。

CP5分钟快速集成UCloud实时音视频服务URTC-Electron端
最全vue项目实战,怎么创建vue2项目 如何运行一个vue项目,webstorm导入vue项目
相关内容