vue框架的基本介绍及安装配置

本文介绍了Vue.js框架的基本概念,强调其作为渐进式框架的特性。接着详细阐述了Node.js的安装选择,特别是环境变量的配置过程,包括添加Node.js和npm的路径。随后,文章指出了安装vue-cli的步骤,包括使用npm设置prefix和registry,以及验证安装的方法。最后,提到了启动vue项目使用vueui的命令。

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

一、什么是vue框架

vue是一套用于构建用户界面的渐进式框架。

vue是一个js框架,提供了一套开发规则,按照这个开发规则可提高开发效率

二、安装nodejs

 1是最近版本(不建议安装)

 2是其他版本

 1、当前版本安装包

2、以前的版本

三、安装好了之后需要配置环境变量

步骤

此电脑—>右键—>属性—>高级系统设置—>环境变量

 

1是固定的

2是安装nodejs的路径

 

 双击—>新建—>添加安装nodejs的路径或者%NPM_HOME%

 四、此外还需要配置npm的环境变量,否则在cmd命令里面检查vue的版本时会出现vue不是内部的文件或命令

 1是固定的

2是npm的安装路径

 在环境变量里找到path,新增一个

 五、安装vue的脚手架vue-cli

 1、以管理员身份打开命令提示符

2、在cmd中输入npm config set prefix"nodejs的安装路径";(可以用npm config get prefix检查是否安装成功)

3、再输入npm config set registry https://registry.npm.taobao.org

4、安装vue-cli

输入 npm install -g@vue/cli

验证用vue --version

六、启动vue

在cmd中输入 vue ui

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值