VUE-CLI脚手架工具搭建步骤

本文介绍如何使用Vue CLI工具2.0及3.0版本进行项目搭建,包括安装路由、Vuex、Axios等常用插件,以及升级工具、创建空白项目、运行本地服务器和访问项目的详细步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

脚手架工具安装
网址:https://cli.vuejs.org
cli工具2.0版:
在这里插入图片描述
在这里插入图片描述
安装路由:npm install vue-router --save
安装vuex:npm install vuex --save
安装axios:npm install axios

升级cli工具(3.0版):
步骤1:移除老版本
npm uninstall -g vue-cli
步骤2:安装新版本(全局安装)
npm i -g @vue/cli
默认下载目录C:\Users\用户名\AppData\Roaming\npm
步骤3:运行Vue-CLI工具,创建一个空白脚手架项目
vue create xz_admin_v2
此命令在当前目录下创建一个空白项目,自带项目基础文件,也会自动下载所有依赖的NPM包——非常耗时
提示:空白项目模板默认不带axios,需要运行 npm i axios安装
步骤4:进入空白项目,添加需要的组件,运行该项目——自带服务器
npm run serve
步骤5:使用客户端浏览器访问上述项目
http://127.0.0.1:8080

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值