社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
使用vue-cli搭建vue前端需要一定的前置环境:
①需要配置Node.js环境,并且Vue CLI要求Node.js版本8.9 或更高版本 (推荐 8.11.0+)
②安装完 Node 后建议设置 npm 镜像以加速后面的依赖库下载过程
③使用npm命令安装Vue CLI
具体搭建过程可参考:https://blog.csdn.net/zrcj0706/article/details/103063050
(1)使用vue create搭建
第一步:运行以下命令来创建一个新项目:vue create 项目名,如vue create vue-test。
vue create vue-test
第二步:执行完vue create vue-test,会被提示使用默认项目配置,还是自定义配置,默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更多需要的,初学者建议使用default配置再根据具体需求增加项目内容。(备注:上下键切换,enter键进入)
第三步:进入项目(cd vue-test)并运行项目(npm run serve),在浏览器打开链接
(2)使用vue ui图形化界面搭建
通过 vue ui 命令以图形化界面创建和管理项目:
vue ui
上述命令会打开一个浏览器窗口,并会以图形化界面的方式引导项目创建的流程。
图形化界面如下图所示
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!