美文网首页
vue-cli3 搭建项目

vue-cli3 搭建项目

作者: 前端青音 | 来源:发表于2019-08-02 15:22 被阅读0次
一、创建项目

通过‘vue create 项目名称’创建,如果你没有安装vue-cli3或者安装的vue-cli版本较低,会有如下提示,按提示操作即可。

npm uninstall -g vue-cli // 若之前全局没有安装过vue-cli则无需执行

npm install -g @vue/cli // 安装vue-cli3


image.png

安装好vue-cli3后继续执行:
vue create vue-element-pro(项目名称)


image.png
二、启动项目

cd vue-element-pro // cd 进入搭建好的项目

yarn serve // 启动项目,这里我的包管理器用的是yarn , 用npm run serve也可以启动,效果一样

这是搭建成功后的目录结构:


image.png

启动项目成功:


image.png

启动后的页面:


image.png

相关文章

网友评论

      本文标题:vue-cli3 搭建项目

      本文链接:https://www.haomeiwen.com/subject/smmldctx.html