Vue-cli脚手架创建

一.配置环境**
1. 配置环境,安装node.js,按自己需求下载,一般优先考虑使用人数最多的版本,官网有推荐。
2. 在cmd中使用node -v和npm -v来检测安装的版本号(是否安装成功)
3. 若觉得npm下载插件速度太慢,可使用淘宝镜像:npm install -g cnpm -registry=https://registry.npm.taobao.org,安装后可使用cnpm -v检测版本号

安装node.js后检查截图:
在这里插入图片描述
二.全局安装Vue-cli

1.安装Vue-cli

	npm install -y vue-cli

2.初始化Vue项目,使用webpack打包项目,实现模块化开发:(针对vue-cli版本为3.0之下,新手使用这个命令即可)

vue init webpack 项目名称

注:Vue版本在3.0之上,需使用:vue create 项目名,此处使用的是yarn创建项目
在这里插入图片描述
安装依赖速度有点慢,想要加快下载速度,可安装淘宝镜像cnpm
在这里插入图片描述
**注:一般不要打开ESLint,打开后会严格检查代码,如果书写有一点不规范,都会报错 **

1.进入项目位置:
	cd your_project_name
2.启动项目:
	npm run dev
3.网页进入项目:
	localhost:8080

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值