第二章 自动创建一个vue项目

  1. 创建vue项目首先要有node.js,可以去官网nodejs.org下载
    在这里插入图片描述
    下载完后运行软件,直接next,最后finish即可安装完成

  2. 安装好后查看一下node是否安装好,cmd 输入node -v查看node的版本号
    在这里插入图片描述
    node.js自带npm,在cmd中输入 npm -v 查看npm的版本号
    在这里插入图片描述

  3. 版本确认后,我们可以创建vue项目了,cmd 进入想要创建的文件夹,vue -V查看vue版本号
    vue create 项目名 命令创建vue
    选择Manually select features 回车进入下一步,手动选择一些特性
    在这里插入图片描述

  4. 根据自己的需要选择想要的选项,按空格取消或者选择,选好后按回车下一步
    在这里插入图片描述
    在这里插入图片描述

  5. Choose Vue version 选择版本,我选的2.x
    在这里插入图片描述

  6. 然后打Y,如果多个都选Y,如果选了CSS那个选项选第二个,Sass/SCSS(with node-sass)
    在这里插入图片描述

  7. 接下来选择第一个,然后输入Y,保存模板,输入模板名,最后回车即可,等待系统自动创建
    在这里插入图片描述

  8. 如图所示创建完成了在这里插入图片描述

  9. 根据上图提示 cd study_vue 然后运行yar你serve 即可运行项目了,也可以使用npm run serve
    在这里插入图片描述

  10. 然后在浏览器输入http://localhost:8081/ 就可访问了
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值