0基础搭建vue项目

1.安装node.js  https://nodejs.org/zh-cn 

测试node是否安装成功:node --version

测试npm是否安装成功:npm --version(node里面自带npm--npm是node的包管理器--使用npm能安装模块)

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

随便找个文件夹:进入命令行(cmd)中

    输入:npm install -g vue-cli

这时候等着就行了,时间应该在5分钟左右(上面这些东西安装一次就行了,以后不会用到)

3.正式开始搭建vue项目:

    cmd到一个文件夹中:

    输入vue init webpack project_name(这是你要起的项目名称)

    下面会出现几个选项,比如:

project name is ...(回车)

Author is ....(回车)

Install vue-router(输入Y +回车)

下面那些提示:全输入N+回车

等待初始化项目大概5分钟左右,安装成功之后会显示:

4. 这时候输入:cd project_name(你刚才创建的项目名称) 回车

5.运行项目:输入 npm run dev(以后天天用这个)

    弹出提示:         

    在浏览器输入:localhost:8080就会看到你刚才新建的vue项目了。

    

6.项目搭建完成,可以写代码了

    

这个是我本人的,前端技术QQ交流群,有不会的问题,可以在在群里面问:

    

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

棋鬼王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值