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

2021/5/10 18:57:28

本文主要是介绍第二章 自动创建一个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/ 就可访问了
    在这里插入图片描述



这篇关于第二章 自动创建一个vue项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程