Vue-cli安装及创建

VueCLI是一个用于快速搭建Vue.js项目的工具,它基于webpack并提供合理默认配置,支持通过插件扩展功能。安装包括Node.js、Vue-cli及其模板,创建项目后通过npm install和npm run dev启动。该系统包含图形用户界面,方便项目管理和配置。
摘要由CSDN通过智能技术生成

Vue-cli简介:

Vue CLI是用于快速Vue.js开发的完整系统,它提供:

  • 通过交互式项目脚手架@vue/cli。
  • 通过@vue/cli+零配置快速原型@vue/cli-service-global。
  • 运行时依赖项(@vue/cli-service):
  • 可升级
  • 建立在webpack之上,具有合理的默认值;
  • 可通过项目内配置文件进行配置;
  • 可通过插件扩展丰富的官方插件集合,集成了前端生态系统中的最佳工具。
  • 完整的图形用户界面,用于创建和管理Vue.js项目

安装环境

Nodejs安装

1.下载地址

https://nodejs.org/en/download/
在这里插入图片描述

2. 安装

安装一路next就行

3.管理员打开cmd(以下操作均需要连网和cmd管理员模式)

输入 :node -v查看版本,检查是否安装成功.
输入 :npm -v 查看版本,检查是否安装成功.

安装淘宝镜像加速器:(注意:关闭防火墙)
输入 : npm install cnpm -g

安装vue-cli :
输入:cnpm install vue-cli -g
输入 : vue list 查看可以基于那些模板创建

4.创建一个vue-cli项目

进入要创建的目录;
输入:vue init webpack myvue 一路选择no
在这里插入图片描述
创建成功:在这里插入图片描述
进入创建的vue-cli文件夹下输入npm install:(如果报错根据提示输入修复命令)
在这里插入图片描述

输入 npm run dev 运行
在这里插入图片描述
访问路劲!!
Ctrl+c停止访问
完成!!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值