在mac上配置vue开发环境

这篇具有很好参考价值的文章主要介绍了在mac上配置vue开发环境。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 在mac上安装brew

brew 是 Mac 下的一个包管理工具,没有安装brew ( 检测用 brew -v ),则执行下面的命令安装

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. 安装nodejs

使用brew安装nodejs ( 检测用 node -v )

brew install nodejs 

也可以使用二进制安装,下载地址:
http://​nodejs.org/en/download/

获取nodejs模块安装目录访问权限

sudo chmod -R 777 /usr/local/lib/node_modules/

npm ( 检测用 npm -v ) 是随同nodejs一起安装的包管理工具。npm用国外的服务器,速度比较慢,淘宝提供了一个国内的cnpm镜像,速度较快,淘宝镜像与官方同步频率目前为 10分钟一次。cnpm用法和npm相同。

安装淘宝镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 安装webpack

npm install webpack -g

4. 安装vue

  2.x 版本

npm install vue-cli -g

  3.x 版本

npm install -g @vue/cli

   检查安装是否成功 

vue --version  # 输出版本号说明安装成功

5.创建vue项目

到自己的工作目录下,创建vue项目

vue init webpack 工程名字 (工程名字不能用中文)

安装参数说明:

        Vue build ==> 打包方式,回车即可;
        Install vue-router ==> 是否要安装 vue-router                                  要     Y 回车;
        Use ESLint to lint your code ==> 是否需要 js 语法检测                  不要  n 回车;
        Set up unit tests ==> 是否安装 单元测试工具                                 不要  n 回车;
        Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具    不要  n 回车;

在mac上配置vue开发环境

6.安装依赖 ( 需要先进入项目目录 )

npm i

依赖安装完成后,项目会增加node_modules文件夹文章来源地址https://www.toymoban.com/news/detail-449052.html

7.启动项目

npm run dev

到了这里,关于在mac上配置vue开发环境的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • msys2安装与配置: 在windows上使用linux工具链g++和包管理工具pacman C++开发

    方便windows上的C++开发demo,不需要VS了 方便C++开发安装opencv等三方库 有了这个就不需要另外安装git, cmake, mingw64了,都可以通过pacman包管理工具一键安装 官网 https://www.msys2.org/ 官方文档 https://www.msys2.org/docs/terminals/ github https://github.com/msys2/msys2-installer/releases/ 根据github readme中的

    2024年02月11日
    浏览(38)
  • Mac电脑安装nvm(node包版本管理工具)

    1. 安装 Homebrew : 如果您还没有安装Homebrew,首先需要安装它。打开终端(Terminal.app)并运行以下命令:(官网地址:https://brew.sh/zh-cn/) 按照步骤安装完成就可以了 2. 使用Homebrew安装 NVM : 安装完 Homebrew 后,接着使用以下命令来安装 NVM: 打开终端zsh,执行: 执行完成就代表

    2024年04月27日
    浏览(60)
  • mac安装nvm管理工具遇到的问题和解决方法

    nvm 是一款可以管理多版本node的工具,因为是刚买没多久的电脑+之前用的都是windows,昨天折腾了一下午终于倒腾好了 第一步: 卸载电脑已有的node;访问nvm脚本网址,另存为到电脑上任何目录,我是放在桌面上的https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh 第二步: 打开

    2024年02月13日
    浏览(44)
  • mac系统下node版本管理工具n的安装与使用

        node版本管理,在windows和linux下都叫nvm。在mac下,更加简洁,直接就是n,似乎容易让人产生怀疑,这太简洁了,n可以表示很多意思啊。这就是mac系统独有的node管理工具。     它的安装很简单,直接通过npm全局安装。     安装完成,直接输入n,回车,就展示当前使用的

    2024年02月11日
    浏览(55)
  • Mac如何安装:node的多版本管理工具(nvm 或 n)

    安装3个步骤如下(前提:需将电脑之前单独下载的node先删除): (1)在Mac的根目录的终端中输入以下命令下载nvm(版本为0.37.0): curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.37.0/install.sh | bash (2)查看nvm是否安装成功的命令:     nvm --version (3)使用nvm安装某个版本的

    2024年02月07日
    浏览(62)
  • 我用 Laf 开发了一个非常好用的密码管理工具

    【KeePass 密码管理】是一款简单、安全简洁的账号密码管理工具,服务端使用 Laf 云开发,支持指纹验证、FaceID,N 重安全保障,可以随时随地记录我的账号和密码。 写这个小程序之前,在国内市场找了很多密码存储类的 App 体验不是太好用。之前还遇到数据全部丢失的 App..

    2024年02月02日
    浏览(45)
  • node版本管理工具nvm的安装卸载与使用(windows和mac)

    专门用来管理安装的node版本的,可以用来切换node版本,删除指定node,安装指定版本node等 2.1 前提 卸载电脑上原先安装好的node版本 (1)控制面板= 卸载 = 找到node.exe卸载 (2)删除node安装目录 (3)删除环境变量中与node有关的 (4)删除C:userprograms Files下与node有关的文件

    2024年02月04日
    浏览(62)
  • Mac M1开发环境的安装与配置(VSCode)

    第一次使用mac ,也是第一次使用M1 pro 芯片。希望能为和我一样刚接触mac的小白,避坑。由于我们是对mac完全不了解的,此文章大多数采用能简单安装就简单安装的理论为大家铺路了。 首先介绍下我的电脑配置:14寸 M1 pro 10核 32G内存1T固态 官网地址:https://code.visualstudio.com

    2023年04月09日
    浏览(44)
  • 1.mac M1 Java 开发环境的安装与配置

    1.首先我们打开谷歌浏览器复制下面的网址安装jdk: Java Download | Java 7, Java 8, Java 11, Java 13, Java 15, Java 17, Java 19 - Linux, Windows and macOS https://www.azul.com/downloads/?package=jdk#zulu 2.我们翻到最下面去选择我们需要的版本, 选择Java8 ,  系统是 masOs , 架构选择ARM 64 bit 的,java安装包选择 J

    2024年02月12日
    浏览(51)
  • 推荐一个基于.Net Framework开发的Windows右键菜单管理工具

    平常在我们电脑,我们都会安装非常多的软件,很多软件默认都会向系统注册右键菜单功能,这样方便我们快捷打开。比如图片文件,通过右键的方式,快捷选择PS软件打开。 如果我们电脑安装非常多的软件,就会导致我们右键菜单的列表非常多,但是很多软件我们是用不到

    2024年02月02日
    浏览(78)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包