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



相关文章
|
资源调度 JavaScript 前端开发
Pinia 如何在 Vue 3 项目中进行安装和配置?
Pinia 如何在 Vue 3 项目中进行安装和配置?
1410 4
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
736 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
514 10
|
资源调度 JavaScript 前端开发
创建vue3项目步骤以及安装第三方插件步骤【保姆级教程】
这是一篇关于创建Vue项目的详细指南,涵盖从环境搭建到项目部署的全过程。
1223 1
|
存储 缓存 资源调度
Vue3状态管理新选择:Pinia安装与使用详解,以及与Vuex的对比分析
Vue3状态管理新选择:Pinia安装与使用详解,以及与Vuex的对比分析
749 0
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
370 3
在vue3中(vite)引入unocss,安装配置unocss
在vue3中(vite)引入unocss,安装配置unocss
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
6278 2
宝塔面板部署Vue项目、服务端Node___配置域名
|
JavaScript 前端开发
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
如何使用Vue和Element UI配合Node.js及multiparty模块实现图片上传并反显的功能,包括前端的Element UI组件配置和后端的Node.js服务端代码实现。
382 2
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo