Mac/Linux下搭建Vue项目

最新推荐文章于 2024-06-19 23:54:34 发布
最新推荐文章于 2024-06-19 23:54:34 发布
阅读量2.2k 收藏 1
点赞数 1
分类专栏： WEB前端 文章标签： Vue 搭建vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012557538/article/details/77095144
版权
本文详细介绍了在Mac或Linux操作系统中搭建Vue.js项目的过程，包括安装Node.js，切换npm源以提高下载速度，以及如何使用Vue CLI创建项目脚手架。通过这些步骤，开发者可以迅速建立开发环境，开始Vue项目的开发工作。
摘要由CSDN通过智能技术生成

1.安装NodeJS

2.更改npm源


 
 
 

  
  
  # 第一种方法
 
 
 

 
 
 

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

 
 
 

  
  
  # 查看npm基本配置信息，验证是否生效
 
 
 

 
 
 

  
  
  $ npm config list
 
 
 

 
 
 

  
  
  # 第二种方法,该方法可以用cnpm来替代npm命令
 
 
 

 
 
 

  
  
  $ npm install -g cnpm -registry=
最低0.47元/天 解锁文章
简乐君
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
liunx环境搭建vue
kk_wei888的博客
12-21 548
liunx环境搭建vue环境
linux中搭建vue环境
蓝色格子ren的博客
06-29 1069
1.安装nodejs环境 首先在nodejs官网选择自己需要下载的版本。进入文件后选择tar.xz，复制下载的链接。 使用wget下载对应的tar.xz文件。 wget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xz ## 创建目录 mkdir -p /usr/local/nodejs ## 解压到指定目录 tar -xf node-v12.18.1-linux-x64.tar.xz -C /usr/local/nodejs
手把手教你创建并启动一个Vue3项目（Mac版）
最新发布
易雪寒的博客
06-19 1409
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。3、上图红色部分，表示在路径C:\Users\xulijun下成功创建了一个名称叫my-vue-app的vue3项目，我们可以输入下面命令启动这个vue3新项目。2、运行完成后并没有提示，但是可以运行查看口令，验证是否切换成功。
Mac创建一个vue项目
qq_43819817的博客
03-19 3213
首先需要下载vue创建工具 在终端执行 sudo npm install -g @vue/cli 输入密码开始下载，下载成功后，执行 vue --version 可以看到当前版本。 打开Visual Studio Code 的欢迎界面,选择打开文件夹，选择要存放项目的文件夹，然后选择菜单栏的terminal ,选择 new terminal 。在界面下方的终端内输入 vue create hello-world 选择自己的项目相关属性，创建成功后执行 cd hello-word npm run ser
Mac 创建vue项目
护着我的发际线的博客
10-28 321
第一步：node.js 直接官网手动安装。 node -v 查看 nodejs版本 第二步：安装 npm.淘宝镜像 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose npm -v 查看版本 第三步：安装webpack 必须在root目录下 首先执行，$ sudo -s，然后执行，npm install webpack -g ； 或者.
Mac如何搭建Vue项目
大圣归来圣骑士清欢的博客
11-21 2173
将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录）如果没有 node_modules 目录，会在当前执行npm 命令的目录下生成node_modules 目录。assets：一般放置静态资源（一般放置多个组件公用的静态资源）需要注意放置在assets文件夹的静态资源在webpack打包时,会把静态资源当做一个模块打包在js文件里面。npm 的包安装分为本地安装（local），全局安装（global）两种，从命令行来看，差别只是有没有-g而已，比如。
mac下vue的搭建步骤及新建项目
qq_40926658的博客
01-17 2816
mac下vue的搭建步骤及新建项目 1. 搭建vue环境 安装node.js（在终端输入）： brew install nodejs 或者直接官网手动安装；brew install nodejs 或者直接官网手动安装； node-v 查看node版本 安装npm（在终端输入）： npm install -g cnpm --registry=https://registry.npm.taob...
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 7754
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
windows/mac 使用webpack构建vue项目
蹲在人生路上的那只猫
07-03 2684
一、mac环境和windows最大的区别是，windows需要配置环境，有很多坑，基本上node和npm装好了，搭建vue时两者没有很大区别。 二、node.js的配置 A、windwos下 1、去官网下载，https://nodejs.org/en/点击打开链接; 2、安装直接next，在custom setup时，选择npm package manager; 3、安装
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
Vue CLI（Vue.js Command Line Interface）是Vue.js官方提供的一个命令行工具，用于快速搭建Vue.js项目。它简化了创建项目、配置构建流程以及开发环境的步骤，使得开发者能够更专注于编写应用程序本身，而非繁琐的...
Vue环境搭建并创建项目(内含搭建过程中大部分错误的解决办法，亲测有效！！)
qq_52367032的博客
07-23 1620
Vue框架环境搭建+项目创建，覆盖了搭建环境中大部分可能遇到的问题，踩过的坑都在里面了，亲测有效！！
vue 环境搭建（Linux）
范特西的博客
01-30 818
1. 第一步 node环境安装 地址：https://nodejs.org/en/download/，选择 源代码 tar -zxvf node-v8…tar.gz cd node-v8… ./configure make && make install 2. 第二步 node环境检测 node -v 3. vue
Linux下搭建vue环境
qq_40027172的博客
08-22 331
解压：node官网下载的安装包 tar -xf node-v16.7.0-linux-x64.tar.xz -C /usr/lib/nodejs/ 将node建立软连接，进入刚刚解压的node/bin目录下执行此命令 ln -s /home/zuo/node-v16.7.0/bin/node /usr/local/bin/ node-v //查看node是否变为全局 将npm建立软连接 ln -s /home/zuo/node-v16.7.0/bin/npm /usr/local/bin/npm
Linux 环境下部署 VUE 前端项目
EvoGenius的博客
05-30 1887
在发起请求过程中，对于url中以'/api'开头的请求，首先会将/api重写为空字符串，然后将vue.config.js文件中'/api'对应的target目标地址连接到请求头部，即若请求url为“ /api/management/login”，则实际会将请求发送到。当在前端vue项目中需要调取受同源策略保护的Web API时，即发生所谓跨域请求，此时发送不成功，一般可以采用ajax的jsonp发起跨域请求，而对于vue项目的axios不支持jsonp请求。文件夹，即为需要上传到服务器上的文件夹。
Mac安装vue搭建vue项目
Riqk_Qin的专栏
08-25 285
1.访问node.js官网：https://nodejs.org/en/下载对应安装包。 点击添加图片描述（最多60个字）编辑 2.安装完成，在终端输入 ： node -v 如果返回版本号，代表安装成功。建议安装之前给目录权限，至于怎么给目录权限，这里不做说明，网上有很多资料。 3.安装淘宝镜像 至于为何要安装淘宝镜像，因为有帐幕阻挡我们访问npm 的境外网站；好奇心强的朋友可以进行尝试，运气差的要很久、很久、有可能一晚上时间，别问我怎么知道的。 废话少说，在终端输入： npm inst
MAC系统Vue框架新建开发项目
qq_43645678的博客
10-13 859
MAC系统Vue框架新建开发项目
Mac快速搭建前端环境&创建前端项目【Vue】
weixin_45565886的博客
05-22 1981
Mac快速搭建前端环境&创建前端项目【Vue】
手把手教你创建并启动一个Vue3项目（Windows版）
易雪寒的博客
06-19 1811
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。4、验证安装npm是否成功，npm是Node中自带的打包工具，输入npm -version，输出npm版本号即表示安装成功。2、最后如上图显示，我们就完成我们VUE脚手架的安装了，我们在命令窗口用口令查看当前脚手架版本。
Vue项目搭建全攻略：从Node到运行
"本文档主要介绍了如何在Node.js环境下使用vue-cli搭建Vue.js项目，包括Node.js的安装、vue-cli的全局安装、初始化项目、下载依赖、运行项目以及访问项目的步骤。" Vue.js是一个流行的前端JavaScript框架，用于构建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值