使用vue-cli创建vue项目

本文详细介绍了如何使用vue-cli创建Vue项目,包括安装node.js、配置cnpm、全局安装vue-cli、创建项目、理解项目构建组成、运行项目以及安装chrome-vue插件。通过这些步骤,你可以快速启动并运行一个Vue开发环境。
摘要由CSDN通过智能技术生成

使用vue-cli创建vue项目

安装node.js

下载地址:
https://nodejs.org/zh-cn/download/
下载安装包之后,直接下一步安装即可。

测试是否安装成功:
在cmd窗口中输入一下指令

C:\Users\upuptop>node -v
v10.16.0

C:\Users\upuptop>npm -v
6.9.0

如果提示【不是内部或外部命令,也不是可运行的程序或批处理文件】,请配置nodejs的环境变量。

安装cnpm

由于我们的网络问题,下载模块时会比较缓慢,所以推荐使用淘宝镜像。

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

安装vue-cli

vue-cli官网:
https://cli.vuejs.org/zh/

全局安装vue-cli

npm install vue-cli -g

创建项目

# 初始化项目 最后一项为项目名称
vue init webpack your-project-name

# 是否确认项目名 直接回车即可
? Project name (mytest
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

趣学程序-shaofeer

送给作者一个bug通过秘籍!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值