MAC 搭建vue开发环境，配置环境变量

2024-05-27 17:03:44

1.官网下载nodejs安装包

http://nodejs.p2hp.com/
下载完成后安装，一直点击下一步即可

2.自定以配置全局模块路径和缓存路径

先自己找一个路径创建两个文件夹，node_cache 和 node_global

打开终端，执行一下俩条命令,注意引号中的路径要换成你创建的文件夹所在的路径
npm config set prefix “/Users/yangjunbo/kaifa/nodejs/node_global”
npm config set cache “/Users/yangjunbo/kaifa/nodejs/node_cache”

3.配置环境变量

因为改变了全局安装路径，所以需要配置环境变量，不然出现新安装的工具命令找不到的问题。

在终端输入：vi ~/.bash_profile，按i进入编辑模式，加入箭头所指两行配置。
按esc，输入:wq保存退出。
输入source ～/.bash_profile使配置生效。

4.更改镜像源

npm config set registry https://registry.npm.taobao.org

5.安装vue脚手架

npm install -g @vue/cli

6.创建vue项目

创建一个存放vue项目的目录
在终端中进入这个目录，输入vue create 项目名，创建一个vue项目，项目名不能包括大写字母和中文等
创建好后，根据提示的命令，启动项目。
启动项目后，根据提示的地址，访问，可以看到下图界面，表示启动成功

MAC 搭建vue开发环境，配置环境变量相关推荐

初探webpack之从零搭建Vue开发环境
初探webpack之搭建Vue开发环境平时我们可以用vue-cli很方便地搭建Vue的开发环境,vue-cli确实是个好东西,让我们不需要关心webpack等一些繁杂的配置,然后直接开始写业务代码, ...
如何搭建一个Vue项目和配置环境
如何搭建一个Vue项目和配置环境一.Vue简介 Vue(读音/vju/, 类似于view) 是一套用于构建用户界面的渐进式框架, 发布于2014年2月.与其它大型框架不同的是, Vue被设计为可以自 ...
168.Vue.js智能扫码点餐系统（二）【搭建Vue开发环境】2019.03.18
0.知识点搭建开发环境 1.搭建Vue开发环境 2.安装vue-cli脚手架安装命令 // 第一种: npm install --global vue-cli// 第二种 cnpm install ...
离线/内网环境下搭建vue开发环境
系列文章目录第一讲离线/内网环境下搭建vue开发环境第二讲内网环境运行maven项目目录外网环境搭建一.安装nodeJS 二.安装vue依赖包内网环境正式开始准备工作: 一.安装no ...
vscode搭建vue开发环境(vue入门)
本文基于vue2.0版本,文末说明怎么升级为vue3.0版本一.安装VScode 从官网下载,安装就行.以下操作在win+r -> cmd 命令行界面执行.在vscode中就是在创建好的项目空 ...
vue开发移动端环境配置_如何设置移动开发环境
vue开发移动端环境配置 The use of mobile devices has increased considerably in the past decade. It has been ov ...
搭建C++开发图像算法的环境——利用C++调用Pytorch训练后模型
本文主要介绍如何搭建C++开发图像算法的环境,使用到CMake + libtorch + OpenCV + ITK等.旨在构建一个可融合深度学习框架,可开发图像处理算法且易于跨平台编译的环境. 准备条 ...
java开发环境配置环境变量_3. Java开发环境的搭建：安装JDK，配置环境变量
1.安装JDK开发环境开始安装JDK: 修改安装目录如下: 确定之后,单击"下一步". 注:当提示安装JRE时,可以选择不要安装. 2.配置环境变量: 对于Java程序开发而言, ...
mac搭建python开发环境_Mac中基于Homebrew搭建python开发环境
转移到mac上了.这里是在lion中搭建python开发环境的简单记录.这份记录不是一份step by step.而是事后写的记录,可能有记忆遗漏.如果有错误,请指正. 1.安装homebrew的准备 ...

最新文章

热门文章