手把手搭建vue2项目(自动搭建/手动搭建)

一、搭建前的基本配置


        1.node的下载官网:Node.js — Run JavaScript Everywherehttps://nodejs.org/en/
                node -v 查看是否下载完成(vue2node版本不能高于18
                npm -v 查看是否安装


       2.安装vue脚手架(vue-cli)

        npm install -g @vue/cli

二、项目的创建(自动搭建/手动搭建)


        打开cmd窗口(win+r)  cd 项目路径,进入项目创建目录

        vue create dome-one  // 项目创建命令 dome-one为项目名称

自动搭建部分

选择需要创建的vue几,回车

cd dome-one 进入项目目录

这里项目已经创建好了  cd dome-one 进入项目目录  npm run serve 跑起来

到这里已经能打开页面了 可以用vscode打开了

手动搭建部分

 选择需要创建的vue几,回车

选择需要的配置

选择vue版本

是否使用路由器的历史记录模式? NO

选择一个CSS预处理器 根据需要来就行

选择一个linter/formatter配置 根据需要来就行

检查时间段 推荐第一个

配置存放位置 推荐选择package.json

是否将其保存为未来项目的预设 选择NO

项目创建完成

cd dome-121进入项目目录 npm run serve 运行

 

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值