Vue学习—安装脚手架
发布日期:2021-05-08 04:58:01 浏览次数:31 分类:精选文章

本文共 608 字,大约阅读时间需要 2 分钟。

安装Vue CLI的最佳实践指南

安装@vue/cli

  • node.js版本要求:建议使用8.11.0及以上版本

  • 卸载旧版本(如已安装过1.x或2.x版本)

  • npm uninstall vue-cli -g
    1. 安装最新版本
    2. npm install -g @vue/cli

      或使用Yarn

      yarn global add @vue/cli

      验证安装结果

      vue --version

      快速原型开发

      安装@vue/cli-service-global

      npm install -g @vue/cli-service-global

      或使用Yarn

      yarn global add @vue/cli-service-global

      VSCode插件推荐

      安装Vetur插件

      // 在VSCode中通过Marketplace搜索安装

      项目实例

      App.vue示例代码

      样式优化

      安装完成后,建议在项目根目录执行以下命令

      vue create new-project

      或通过图形界面选择项目类型

      如有问题,可参考官方文档 Vue CLI官方文档

      请确保所有依赖项都已安装完成后再进行项目创建

    上一篇:Vue练习—树形组件
    下一篇:Vue学习—深入剖析过滤器

    发表评论

    最新留言

    留言是一种美德,欢迎回访!
    [***.207.175.100]2025年04月05日 21时07分23秒