Mac Vue环境搭建详述

短命女 2023-07-05 11:53 72阅读 0赞

**一、安装**

1.  登录https://nodejs.org/en/地址下载node-v12.16.0.pk，并安装
2.  检验npm、node

$ npm -v
    6.13.4
    $ node -v
    v12.16.0

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

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

1.  安装webpack

sudo npm install webpack -g

1.  全局安装vue脚手架（自动搭建vue项目框架的工具）

sodo npm install -g vue-cli

1.  测试vue是否安装成功

vue
    vue list

1.  创建vue项目

vue init webpack vue200214

1.  进入刚才创建的项目目录，并启动

cd vue200214
    npm run dev

1.  打开chrome浏览器，输入http://localhost:8080  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9sZWlsZWk2NjY_size_16_color_FFFFFF_t_70]  
    **备注：**

Node.js v12.16.0 to /usr/local/bin/node
    npm v6.13.4 to /usr/local/bin/npm

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9sZWlsZWk2NjY_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200214202300567.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9sZWlsZWk2NjY=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，72人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mac Vue环境搭建详述

一、安装 1. 登录https://nodejs.org/en/地址下载node-v12.16.0.pk，并安装 2. 检验npm、node $ npm -v

短命女/ 2023年07月05日 11:53/ 0 赞/ 73 阅读

相关 Mac搭建汇编环境

一、准备工作 1.下载parrellel desktop (搭建虚拟机)+win10安装 2.下载masm (debug、exe2bin、link、MASM)（https:

小鱼儿/ 2022年12月10日 01:12/ 0 赞/ 280 阅读

相关 RobotFramework环境搭建（mac）

1 查看当前系统默认的Python路径 which python 2 查看当前python 版本 `python` 3 安装 python 的包管理工具pip

向右看齐/ 2022年11月15日 11:49/ 0 赞/ 257 阅读

相关 mac kafka 环境搭建

1.kafka安装 brew install kafka 安装会依赖zookeeper。看到如下结果，就可以说是安装成功了。 lidongdeM

Bertha 。/ 2022年09月29日 10:59/ 0 赞/ 299 阅读

相关 Vulkan----Mac环境搭建

1、[https://vulkan.lunarg.com/][https_vulkan.lunarg.com] 下载SDK ![watermark_type_ZmFuZ3po

客官°小女子只卖身不卖艺/ 2022年08月29日 10:57/ 0 赞/ 287 阅读

相关 mac版搭建vue开发环境

记一次macbook搭建vue开发环境步骤：（五步走） 1. Homebrew （mac系统下的包管理器） 2. node.js (javas

不念不忘少年蓝@/ 2022年04月10日 14:29/ 0 赞/ 594 阅读

相关 Mac php环境搭建

前言:MacOS自带php环境,不建议像我一样的新手删除自带环境安装新的环境,防止因依赖关系造成系统崩溃 1、安装php开发环境(使用MacOs自带忽略第一步) a、[

系统管理员/ 2022年02月26日 17:28/ 0 赞/ 483 阅读

相关 vue开发环境搭建步骤-Mac版

文章目录一、nodejs下载二、安装淘宝镜像npm 三、安装webpack、webpack-cli脚手架

淡淡的烟草味﹌/ 2022年02月15日 09:11/ 0 赞/ 375 阅读

相关 flink mac 环境搭建

flink-demo flink Mac 下安装 flink $ brew install apache-flink $ flink -

妖狐艹你老母/ 2021年09月18日 04:32/ 0 赞/ 370 阅读

相关 Ajax详述

【一】Ajax > 1.ajax被认为是异步JS和XML的缩写（Asynchronous JavaScript and XML）。现在，允许浏览器与服务器通信无须刷新当前页面

冷不防/ 2021年08月11日 11:35/ 0 赞/ 513 阅读