Vue脚手架安装

本文介绍了如何使用npm、cnpm和yarn三种方式搭建Vue脚手架项目。首先,确保安装Node.js,然后通过npm全局安装@vue/cli。创建项目时,使用vuecreate命令并选择所需版本。对于cnpm,需设置淘宝镜像,之后的步骤与npm相似。而yarn则需要先安装yarn,然后同样使用vuecreate创建项目,但运行代码为yarn serve。
摘要由CSDN通过智能技术生成

脚手架安装
1.脚手架搭建项目,需要安装Node.js,这里我们一共装了三个,npm、cnpm、yarn。

(1)npm安装vue,首先安装好Node.js,然后建立文件夹,打开命令窗口,输入npm install -g @vue/cli (install=>安装 -g=>全局 vue/cli => vue的脚手架),回车等待安装,安装好后即可创建npm脚手架。

打开文件夹,进入命令窗口,cd +文件名 进入指定文件夹,输入 vue create '自定义文件名' 回车创建。然后选择对应语言,Vue2还是Vue3,在对应文件夹内会出现新创建的脚手架文件,如是想要运行,则还需要输入运行码,npm run serve 。

(2)cnpm创建

1.淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org。

2.后续和npm相同,若以前安装过vue/cli脚手架就不需要在装一次,直接到创建脚手架的步骤即可。

(3)yarn创建

1.npm install -g yarn,输入该指令

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

3.脚手架以安装,无需重复,直接创建文件,vue create +名称 ,选择语言(vue2),然后选择yarn或者npm(已安装了npm的),进入,运行,后续步骤同1。区别:运行代码:yarn serve
 

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值