vue安装教程

本文详细介绍如何通过Node.js和npm安装Vue及相关工具,包括cnpm镜像设置、全局安装Vue-CLI、创建2.0及3.0版本项目、安装Element-UI等常用组件,以及如何运行开发服务器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一:安装node,node --version,npm --version查看版本,nodejs已经集成了npm

二:安装cnpm淘宝镜像

 npm install -g cnpm --registry=https://registry.npm.taobao.org

三:.安装Vue

cnpm install vue

四:全局安装vue-cli 脚手架工具 ,这里看你要安装哪个版本,安装完之后用vue  --version查看版本

  a:2.0版本

cnpm install -g vue-cli

   假如你已经装了2.0,想装3.0,那么可以卸载2.0再装3.0

npm uninstall vue-cli -g 或 yarn global remove vue-cli

  b:3.0版本

npm install -g @vue/cli
# OR
yarn global add @vue/cli

五:在自己电脑上新建一个放项目的文件夹,cd到在该目录

  a:创建2.0vue项目

vue init webpack 项目名称

  b:创建3.0vue项目

vue create 项目名称

  注意:2.0和3.0生成的项目目录不一样,2.0的vue-cli 脚手架只能建2.0项目,3.0的vue-cli 脚手架只能建3.0项目

六:上面就已经新建项目成功,如果你想要使用其他组件的话可以安装依赖,先项目生成后cd到你的项目下,执行

   a:安装elemen-ui和axios依赖

cnpm install axios -S
cnpm install element-ui -S
//新版本:cnpm install element-ui@2.0.2 -S

   b:卸载element-ui

cnpm uninstall element-ui

七:运行
   a:2.0运行

cnpm run dev

   b:3.0运行

cnpm run serve

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值