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是固定的, 就这么些就行



相关文章
|
3天前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
21 3
|
11天前
|
JavaScript
在vue3中(vite)引入unocss,安装配置unocss
在vue3中(vite)引入unocss,安装配置unocss
|
14天前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
17天前
|
JavaScript 前端开发
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
如何使用Vue和Element UI配合Node.js及multiparty模块实现图片上传并反显的功能,包括前端的Element UI组件配置和后端的Node.js服务端代码实现。
17 1
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
|
11天前
|
数据采集 中间件 关系型数据库
Mac系统通过brew安装mysql5.7后,启动报错的解决办法
Mac系统通过brew安装mysql5.7后,启动报错的解决办法
30 2
|
13天前
|
存储 JavaScript 前端开发
Node 版本控制工具 NVM 的安装和使用(Windows)
本文介绍了NVM(Node Version Manager)的Windows版本——NVM for Windows的安装和使用方法,包括如何安装Node.js的特定版本、列出已安装版本、切换使用不同版本的Node.js,以及其他常用命令,以实现在Windows系统上对Node.js版本的便捷管理。
Node 版本控制工具 NVM 的安装和使用(Windows)
|
14天前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
16天前
|
JavaScript Linux Android开发
mac环境下搭建frida环境并连接网易mumu模拟器
这篇文章介绍了如何在mac环境下搭建Frida环境,并详细说明了如何连接网易MuMu模拟器进行动态分析。
50 1
|
17天前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
55 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
17天前
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器,并使用Vue结合Axios进行前端开发和接口调用,同时讨论了开发过程中遇到的跨域问题及其解决方案。
17 0
vue配合axios连接express搭建的node服务器接口_简单案例