mac电脑搭建vue项目(下篇)

这篇具有很好参考价值的文章主要介绍了mac电脑搭建vue项目(下篇)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

第三步:安装npm

(1)执行以下命令安装cnpm淘宝镜像

sudo npm install -g cnpm --registry=https://registry.npmmirror.com

(2)执行命令cnpm -v查看版本信息,结果说找不到cnpm命令

mac电脑搭建vue项目(下篇),macos,vue.js,前端

(3)查看npm的全局安装路径

npm root -g

(4)把npm全局安装路径改为/usr/local/lib/node_modules,执行以下命令

npm config set prefix /usr/local

(5)重新安装npm脚手架

sudo npm install -g @vue/cli

(6)重新安装淘宝镜像

sudo npm install -g cnpm --registry=https://registry.npmmirror.com

(7)再次执行查看cnpm版本号的命令

cnpm -v

mac电脑搭建vue项目(下篇),macos,vue.js,前端

说明npm安装成功

第四步:安装webpack

(1)

sudo cnpm install webpack -g

(2)查看webpack版本号

webpack -v

(3)执行no,回车。然后输入命令安装webpack-cli

sudo  cnpm install webpack-cli -g

第五步:安装vue脚手架

sudo cnpm install vue-cli -g

vue项目前期环境安装好了文章来源地址https://www.toymoban.com/news/detail-860103.html

到了这里,关于mac电脑搭建vue项目(下篇)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • node.js+NPM包管理器+Webpack打包工具+前端项目搭建

    node.js+NPM包管理器+Webpack打包工具+前端项目搭建

    javascript运行环境(无需依赖html文件) BFF,服务于前端的后端 官网下载安装,node -v查看是否安装成功 ①、创建一个01.js文件 ②、通过CMD命令执行(或者通过工具的集成终端) node 01.js 如果出现权限原因,可以通过管理员方式打开工具 ③、通过浏览器访问http://127.0.0.1:8888 如

    2024年02月07日
    浏览(25)
  • 老Mac电脑安装macOS Ventura实战

    老Mac电脑安装macOS Ventura实战

    前提说明:此实战适用于老旧Mac电脑(2015年之前的,无法在系统设置中升级macOS Ventura系统的电脑)安装macOS Ventura系统! 软件: OpenCore-Patcher-GUI.app.zip    2023年版本v1.2.1已支持 macOS Sonoma new------------2024更新----------------------------- macOS 14.2 系统部分机型和基于Metal 3802显卡的机型

    2024年02月09日
    浏览(12)
  • vue3项目+TypeScript前端项目—— vue3搭建项目+eslint+husky

    vue3项目+TypeScript前端项目—— vue3搭建项目+eslint+husky

    今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。 下面我们就用这一套规范

    2024年02月22日
    浏览(13)
  • mac下安装vue cli脚手架并搭建一个简易项目

    mac下安装vue cli脚手架并搭建一个简易项目

    1、确定本电脑下node和npm版本是否为项目所需版本。 2、下载vue脚手架 3、创建项目 如果有node,打开终端,输入node -v和npm -v , 确保node和npm的版本,(这里可以根据自己的需求去选择,如果对最新版本的内容有要求,也可以选择最新版本)如果没有node,可以点击nodejs官网去下载

    2024年02月15日
    浏览(55)
  • Vue项目启动过程全记录(node.js运行环境搭建)

    Vue项目启动过程全记录(node.js运行环境搭建)

    1、安装node.js 从Node.js官网下载安装包并安装。然后在安装后的目录(如果是下载的压缩文件,则是解压缩的目录)下新建node_global和node_cache这两个文件夹。 node_global:npm全局安装位置 node_cache:npm缓存路径 2、配置环境变量 在系统变量里添加一个变量NODE_HOME,值为node.js的安装

    2024年02月19日
    浏览(9)
  • 【macOS】mac电脑M2芯片安装Homebrew 最简单的方法

    【macOS】mac电脑M2芯片安装Homebrew 最简单的方法

    一 Homebrew的安装 打开终端,复制如下命令,按回车执行 M芯片和Intel芯片均可 中途可能需要你手动输入密码,输入完成回车即可(密码不可见 选择中科大或者清华镜像源 有些同学可能会弹出安装git的提示,点击安装等待即可 安装完成之后重新执行上面的Homebrew安装命令 这时

    2024年02月03日
    浏览(15)
  • Vue.js 3 项目开发:迈向现代化前端开发的必经之路

    Vue.js 3 项目开发:迈向现代化前端开发的必经之路

    随着前端技术的不断发展,Vue.js作为一种轻量级的JavaScript框架,已经逐渐成为了前端开发者的首选。Vue.js 3有哪些新特性、优势以及如何高效地进行项目开发呢? Vue.js是一种用于构建用户界面的渐进式框架。它的核心库专注于视图层,易于与其他库或现有项目集成。Vue.js 3是

    2024年01月23日
    浏览(15)
  • 前端vue项目使用Decimal.js做加减乘除求余运算

    运算结果是Decimal对象,需要使用.toNumber()转为数字

    2024年04月13日
    浏览(11)
  • 手把手完成前端Vue3 + Vite项目工程化搭建

    基于 Vue3 + Vite 搭建的前端工程化项目演示模板 开发环境: Node.js v16.14.2 + npm v8.3.2 开发工具: Visual Studio Code or WebStorm 源代码管理: Git npm镜像: npm config set registry https://registry.npmmirror.com 技术栈 描述 Vue 渐进式 JavaScript 框架 Vite 新一代前端开发与构建工具 Element Plus 基于 Vue

    2024年04月11日
    浏览(17)
  • 前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案一:编译项目时动态生成一个记录版本号的文件

    前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案一:编译项目时动态生成一个记录版本号的文件

    当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。 vue、js、webpack 编译项目时动态生成一个记录版本号的文件 轮询(20s、自己设定时间)这个文件,判断版

    2024年02月02日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包