vue环境的搭建与第一个demo

本文详细介绍如何使用Vue CLI和Webpack快速创建并运行一个Vue.js项目。从创建项目文件夹开始,通过Git Bash进行命令行操作,安装Vue CLI,利用Webpack创建Vue demo,自动下载npm依赖,直至运行demo,展示项目结构。

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

参考两个博客
1
2

git、npm和淘宝镜像的安装过程过程省略了,直接开始webpack + vue-cli + 创建demo

  1. 首先,在磁盘创建一个文件夹,命名为vue-projects,里面再建一个文件夹vue-demo-1,右键git bash进入命令行,开始操作,安装webpack
    1448582-20190306171340358-979456602.png

  2. 安装 vue-cli
    1448582-20190306171450843-2137899461.png

  3. 使用webpack创建vue demo
    1448582-20190306171601432-1924647936.png

  4. 它会自动下载npm依赖,进入目录,看看项目结构
    1448582-20190306171713447-1464162998.png

  5. 最后,运行demo
    1448582-20190306171830980-1471860483.png

转载于:https://www.cnblogs.com/ihaokun/p/10484558.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值