vue的安装和使用

1.下载安装node.js
参考教程:https://www.runoob.com/nodejs/nodejs-install-setup.html
2.配置系统变量(通过npm下载的包会默认放在C盘,可以通过相应配置更改下载目录)
参考博客:https://www.cnblogs.com/ldq678/p/10291824.html
3.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org
安装成功:
在这里插入图片描述
4.安装vue-cli: cnpm install vue-cli -g
使用vue -V检查是否安装正确
在这里插入图片描述
若报错如下图的错误,解决方案:http://uusama.com/873.html
在这里插入图片描述
5.安装webpack: cnpm install webpack -g
使用webpabck -v检查是否正确
在这里插入图片描述
若出现以下错误 Error: Cannot find module ‘webpack-cli’
解决方法参考博客:https://blog.csdn.net/u011280778/article/details/100168471
在这里插入图片描述

安装成功:
在这里插入图片描述
6.创建vue项目: vue init webpack app
在这里插入图片描述
在这里插入图片描述
7.运行项目
cd 项目名
cnpm install
cnpm run dev
在这里插入图片描述
运行成功:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值