美文网首页
新建vue项目(二)CLI

新建vue项目(二)CLI

作者: fanren | 来源:发表于2021-03-11 10:43 被阅读0次

    一、Vue CLI

    Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,它能帮助我们快速的创建vue项目
    官网

    二、安装

    • 安装:npm install -g @vue/cli
    • 检测版本:vue --version

    三、创建vue项目

    • 使用终端执行:vue ui
    • 浏览器上会自动打开:http://localhost:8000/project/select
      截图
    • 选择目录创建项目:


      截图
    • 设置项目名称:


      截图
    • 设置项目的vue版本:


      截图
    • 项目创建成功:


      截图
    • 添加插件


      截图
    • 搜索并添加element-ui


      截图
    • 查看项目环境


      截图
    • 开发环境运行:npm run serve

    相关文章

      网友评论

          本文标题:新建vue项目(二)CLI

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