vue-cli全图文搭建项目,菜鸟都能看懂的教程

本文提供了一种简单易懂的方法,通过详细步骤教你如何使用vue-cli搭建Vue项目。首先安装Node.js,然后全局安装webpack和vue-cli。接着,在指定文件夹创建Vue项目,根据提示填写项目信息,最后运行`npm install`和`npm run dev`启动项目。遇到问题可互相交流学习。
摘要由CSDN通过智能技术生成

如果大家觉得文章对你有所帮助,希望大家点个赞,关注一下,后续我们会更新更多优质内容,大家的支持就是我继续更新的动力。

第一步:安装node,推荐安装最新版本

直接百度搜索node,进入官网安装,推荐安装最新版本,后缀为msi的安装版,已经集成nvm,不用再次安装

我们使用npm(不理解可以百度了解)全局安装 webpack,打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v,如果出现相应的版本号,则说明安装成功。

注意:webpack 4.X 开始,需要安装webpack-cli依赖 ,所以如下图所示,执行完上面命令后会提示Do you want to install 'webpack-cli',然后直接输入yes即可。或者使用下面这条命令:

npm install webpack webpack-cli -g

执行之后查询版本号,如果出现相应的版本号,则说明安装成功。


第二步:全局安装 vue-cli

在命令行中输入 npm install -g vue-cli&

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值