美文网首页
vue项目环境搭建

vue项目环境搭建

作者: quanCN | 来源:发表于2019-06-18 10:26 被阅读0次

    简介

    Vue 提供了一个 官方的CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

    安装cli

    可以使用下列任一命令安装这个新的包:

    npm install -g @vue/cli
    # OR
    yarn global add @vue/cli
    

    构建项目

    使用命令行工具:

    vue create hello-world
    

    或者图形化界面:

    vue ui
    

    运行项目

    通过 npm 或 Yarn 运行项目

    npm run serve
    # OR
    yarn serve
    

    构建项目

    构建成功后会在项目根目录生成dist文件夹

    npm run build
    # OR
    yarn build
    

    注:需要注意dist/index.html导入资源文件的路径
    可以使用serve -s dist进行查看

    相关文章

      网友评论

          本文标题:vue项目环境搭建

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