Vue的安装与配置

vue的安装和配置

1.下载Node.js

官网地址
https://nodejs.org/zh-cn/

2. 在cmd运行命令

参考简书
https://www.jianshu.com/p/d1651fae7ecc
(1) node -v
(2)npm install -g cnpm --registry=https://registry.npm.taobao.org
(3)) cnpm install vue-cli -g
在这里插入图片描述
在这里插入图片描述
若出现in\vue-list,则node.js配置成功或者在cmd中输入vue -V测试一下

在这里插入图片描述

3.下载vscode.

https://code.visualstudio.com/docs/?dv=win
(1)在F盘创建一个Project,

在这里插入图片描述
(2)cmd中输入命令

1.F:
2.cd Project
3.vue init webpack vue_demo

在这里插入图片描述
需要在CSDN中选择
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.打开vscode

vscode->file->Open Folder->vue-demo

在这里插入图片描述
2.点击Terminal 下载vue插件
在这里插入图片描述
控制台下输入npm install
在这里插入图片描述

npm run dev
在这里插入图片描述
在这里插入图片描述
运行成功界面
在这里插入图片描述

这样你就可以写前端了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值