mac 手动安装nodejs搭建vue环境

简介: mac 手动安装nodejs搭建vue环境

为什么选择手动安装nodejs呢?

因为使用mac自动安装还要更新homebrew,还要安装xcode tool, 太费劲了,不如手动安装, 卸载起来也方便


再一个, 我是后台开发者, 对前端页面, 能整,但是越简单越好. 我的追求, 简单实用.

检查是否已经安装了nodejs


一 .安装最新版本步骤



1.vue依托nodejs,所以首先要安装nodejs


命令:node -v 查看是否安装了nodejs (有版本号即成功)

命令:npm -v 查看是否安装了npm (有版本号即成功)

如果有, 表示已经安装过了, 不用安装了, 没有再按照下面的步骤安装


二. 访问nodejs官网,点击Current 区域稳定版,并下载https://nodejs.org/en/


1187916-20210217112539159-167759478.png


三. 下载之后,直接点击运行,一路默认就行,直到安装完成。



四. 终端输入查看版本号,是否安装成功。


npm -v 
node -v

注: 我安装的都是最新版本的. 安装了nodejs, 默认就安装好了npm


五. 安装vue



  1. 终端输入安装vue


npm i -g vue

安装vue-cli

npm install -g vue-cli

安装webpack

npm install -g webpack 

创建vue项目

vue init webpack myvue

六. 安装cnpm


这个不是必须的,因为有时候github太慢, 导致npm下载资源的时候下载不下来.

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

七. 超值干货---github加速下载



这里在说一个超值干活, 我自己捣鼓了一个上午才整出来的. 如何让github下载速度快起来.


首先, 百度找到一个ip域名查询在线网站. 比如: https://site.ip138.com/github.com/ 网站(免费的)

1187916-20210217113559813-151804614.png

这里面有三个地址.找一个在终端ping一下

1187916-20210217113751385-313323190.png


发现可以ping通, 然后将下面的代码拷贝到hosts里面

13.250.177.223 github.com
151.101.185.194 github.global.ssl.fastly.net

注意: 你ping出来的地址和我的可能不一样, 所以, github.com的ip要换成你自己的.

为什么不用网上查的呢?也是这个原因, 同样的ip别人用可能好使, 你自己用就不行. 所以,要自己动手查一下


第二个151.101.185.194 github.global.ssl.fastly.net是固定的, 就这么些就行



相关文章
|
17天前
|
开发工具 iOS开发 开发者
「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在 Mac 上安装 DevEco Studio
本篇将专注于如何在 Mac 上安装鸿蒙开发工具 DevEco Studio,确保开发环境能够顺利搭建。完成安装后,可以正式开始鸿蒙应用的开发工作。
62 1
「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在 Mac 上安装 DevEco Studio
|
1月前
|
机器学习/深度学习 Python
【10月更文挑战第5天】「Mac上学Python 6」入门篇6 - 安装与使用Anaconda
本篇将详细介绍如何在Mac系统上安装和配置Anaconda,如何创建虚拟环境,并学习如何使用 `pip` 和 `conda` 管理Python包,直到成功运行第一个Python程序。通过本篇,您将学会如何高效地使用Anaconda创建和管理虚拟环境,并使用Python开发。
65 4
【10月更文挑战第5天】「Mac上学Python 6」入门篇6 - 安装与使用Anaconda
|
1月前
|
IDE 开发工具 iOS开发
【10月更文挑战第3天】「Mac上学Python 3」入门篇3 - 安装Python与开发环境配置
本篇将详细介绍如何在Mac系统上安装Python,并配置Python开发环境。内容涵盖Python的安装、pip包管理工具的配置与国内镜像源替换、安装与配置PyCharm开发工具,以及通过PyCharm编写并运行第一个Python程序。通过本篇的学习,用户将完成Python开发环境的搭建,为后续的Python编程工作打下基础。
181 2
【10月更文挑战第3天】「Mac上学Python 3」入门篇3 - 安装Python与开发环境配置
|
1月前
|
iOS开发 MacOS Python
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
本篇将详细介绍如何在Mac系统上安装Typora这款简洁高效的Markdown编辑器,并学习Markdown常用语法。通过本篇,用户能够准备好记录学习笔记的工具,并掌握基本的文档编辑与排版技巧,为后续学习提供便利。
150 1
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
|
1月前
|
NoSQL Shell MongoDB
Mac OSX 平台安装 MongoDB
10月更文挑战第11天
20 4
|
1月前
|
应用服务中间件 Linux nginx
Mac os 安装 nginx 教程(success)
这篇文章是关于如何在Mac OS系统上使用Homebrew安装nginx及其依赖,并解决安装过程中可能出现的权限问题。
95 0
Mac os 安装 nginx 教程(success)
|
1月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
26 2
|
1月前
|
应用服务中间件 程序员 开发工具
mac下安装nginx
mac下安装nginx
|
1月前
|
存储 缓存 资源调度
Vue3状态管理新选择:Pinia安装与使用详解,以及与Vuex的对比分析
Vue3状态管理新选择:Pinia安装与使用详解,以及与Vuex的对比分析
108 0
|
1月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装