微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue-cli学习笔记-vue-cli的安装

vue-cli是什么?

vue-cli是vue官方提供的脚手架工具,认搭建好了一个项目的基本架子,我们在其基础上进行相应修改即可。

github下载地址:链接

全局安装vue-cli
cmd命令

npm install -g @vue/cli

在这里插入图片描述


查看版本/是否安装成功 vue -V

在这里插入图片描述

初始化Vue项目

  1. vue create vue-demo
    键盘上下键可以选择认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了, 继续手动一下

    在这里插入图片描述


    选择手动配置Manually...

    在这里插入图片描述


    在这里插入图片描述

  2. 选择配置
    空格键是选中与取消,A键是全选
    选项说明:

    1. TypeScript 支持使用 TypeScript 书写源码
    2. Progressive Web App (PWA) Support PWA 支持
    3. Router 支持 vue-router
    4. Vuex 支持 vuex
    5. CSS Pre-processors 支持 CSS 预处理器
    6. Linter / Formatter 支持代码风格检查和格式化
    7. Unit Testing 支持单元测试
    8. E2E Testing 支持 E2E 测试
  3. 选择将这些配置文件写入到什么地方 (In dedicated config files)

    在这里插入图片描述


    在这里插入图片描述

  4. 是否保存这份预设配置?(n)

    在这里插入图片描述

  5. 运行项目 cd vue-demo , npm run serve

    在这里插入图片描述


    在这里插入图片描述


    访问localhost:8080

    在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐