Vue学习 之 MacOS 安装 vue-cli

这篇具有很好参考价值的文章主要介绍了Vue学习 之 MacOS 安装 vue-cli。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Vue学习 之 MacOS 安装 vue-cli

vue-cli 简介

vue-cli(Vue Command Line Interface)是Vue.js官方提供的一个脚手架工具,它提供了一些命令,可以帮助我们创建基于Vue.js的项目模板,快速开发Vue.js单页面应用(SPA)。使用vue-cli可以配置构建工具、插件、路由、状态管理等等,可以大大提升开发效率,减少重复操作。

vue-cli 安装

vue-cli 的安装需要先安装 Node.js 和 npm,建议先安装好 Node.js 和 npm 后再进行下面的安装步骤。

在命令行窗口中输入以下命令可以全局安装 vue-cli:

sudo npm install -g vue-cli

回车后需输入密码。

安装完成后可以通过以下命令验证是否安装成功:

vue -V

如果正确显示版本号,则说明安装成功。

完整步骤如下:

➜  ~ sudo npm install -g vue-cli
Password:
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated consolidate@0.14.5: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)

added 234 packages in 15s

11 packages are looking for funding
  run `npm fund` for details
➜  ~ vue -V
2.9.6
➜  ~ 

注意安装时需要使用 sudo npm install -g vue-cli 命令,使用其他命令可能会报权限错误的问题。文章来源地址https://www.toymoban.com/news/detail-615146.html

到了这里,关于Vue学习 之 MacOS 安装 vue-cli的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • macOS 下使用 brew 命令安装 Node.js

    macOS 下使用 brew 命令安装 Node.js

    👨🏻‍💻 热爱摄影的程序员 👨🏻‍🎨 喜欢编码的设计师 🧕🏻 擅长设计的剪辑师 🧑🏻‍🏫 一位高冷无情的编码爱好者 大家好,我是 DevOps 工程师 欢迎分享 / 收藏 / 赞 / 在看! 输入以下命令以查找已安装的 Node.js 版本 如果显示了 Node.js 的版本号,表示 Node.js 已安装

    2024年02月08日
    浏览(12)
  • 同时安装vue-cli2和vue-cli3

    同时安装vue-cli2和vue-cli3

    vue版本 发布时间 Seed.js 2013年 vue最早版本最初命名为Seed vue-js 0.6 2013年12月 更名为vue vue-js 0.8 2014年1月 对外发布 vue-js 0.9 2014年2月 开始有代号:Animatrix vue-js 0.12 2015年6月 代号:Dragon Ball,在社区有知名度 vue-js 1.0 2015年10月 代号:Evangelion,是 Vue 历史上的第一个里程碑,同年推

    2024年02月11日
    浏览(31)
  • vue-cli安装后vue -V报错:C:\Users\admin\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js

    运行 vue -V 一直报错, 网上常识各种办法无效。 包括: 卸载: npm uninstall -g @vue/cli 和 npm uninstall -g vue-cli 重新安装: npm install -g vue-cli 和 npm install -g @vue/cli 清理缓存: npm cache clean --force 更新: npm update 关机重启 N次 依然报错: C:UsersadminAppDataRoamingnpmnode_modules@vueclibin

    2024年02月03日
    浏览(15)
  • Vue-CLI安装方法

    Vue-CLI安装方法

    目录 一、安装Node.js及配置环境 1.下载并安装Node.js 2.本地查看Node.js是否安装成功 3.配置镜像源  二、安装Vue-CLI 1.全局安装Vue-CLI 2.检查版本号 (1)浏览器地址栏输入nodejs.org,进入Node.js官网 Node.js Node.js® is a JavaScript runtime built on Chrome\\\'s V8 JavaScript engine. https://nodejs.org/zh-cn (

    2024年04月14日
    浏览(13)
  • Vue-Cli安装和配置(全)

    Vue-Cli安装和配置(全)

    Vue-cli是Vue的脚手架,类似Java中的SpringBoot框架,用于搭建一个标准的项目。 Vue-cli大大降低了webpack的使用难度,支持热部署,有webpack-dev-server的支持,相当于启动了一个请求服务器作为测试环境,我们只关注开发就可以了。 目录 安装和配置 安装Node.js npm工具 npm配置国内镜像

    2024年02月03日
    浏览(15)
  • 前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

    模块化的概念在软件开发领域已经存在很长时间,但在 JavaScript 中的模块化发展相对较晚。以下是对您提出的问题的回答: 提出时间:JavaScript 中的模块化概念相对较早地提出于 CommonJS 规范。CommonJS 是一种 JavaScript 模块化规范,最早在 2009 年由 Ryan Dahl 和其他社区成

    2024年02月11日
    浏览(16)
  • 20230623----重返学习-vue-cli脚手架

    Vue工程化处理工具之 : @vue/cli 脚手架的本质:基于webpack实现项目的打包部署; vue/cli 安装和使用 可选择当前配置项 文件地址在:C:Users当前电脑用户名.vuerc。 如:C:Usersfangc.vuerc 文件目录 package.json 目录: scripts:npm可执行命令 serve命令: vue-cli-service 是Vue脚手架内部封装的

    2024年02月10日
    浏览(47)
  • vue-cli3的安装和项目创建

    vue-cli3的安装和项目创建

    一 vue-cli3的安装 (注意:vue-cli3在安装之前,需要先删除旧版本,即vue-cli2)   cnpm i -g @vue/cli vue-cli3的卸载:cnpm uninstall -g @vue/cli  然后用命令“vue -V”查看是否删除vue,如果没有删掉,就直接去文件夹里面删除vue文件夹即可 (二)vue-cli3项目创建 1,用dos命令的方式 vue cre

    2024年02月09日
    浏览(14)
  • windows系统下安装Nodejs并安装vue-cli

    windows系统下安装Nodejs并安装vue-cli

    Node.js下载地址 根据自己的电脑选择下载 下载完成后点击下载好的文件 一路 next 安装地址可以根据自己的喜好修改 按住 win + r 输入cmd,按回车,打开命令窗口 输入 node -v ,若显示版本号则安装成功 安装完之后npm指令可以直接使用 输入 npm -v 查看npm版本 node.js会自动帮我们配置

    2024年02月11日
    浏览(32)
  • less中:export 无效问题,vue-cli中导出公共变量,js对象为空对象

    试例 解决方案 注:在vue-cli v5版本中requireModuleExtension是已经被移除了。在没有任何配置的情况下打印出来的就是一个空对象 通过阅读官方文档,发现可以根据约定将文件名改为.module.(css|scss|sass|less|styl(us)?)结尾,这样就可以识别出css module。 这里是将自己项目中的variables.le

    2024年02月13日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包