• Vue学习——Vue-Cli创建Vue项目(19)


    单页面应用程序

    指一个web网站中只有唯一的一个HTML页面,所有的功能与交互都在这唯一的一个页面中完成,复杂度极高

    Vue-Cli

    vue-cli是Vue.js开发的标准工具,她简化了程序员基于webpack创建工程的Vue项目的过程

    安装与使用

    vue-cli是npm上的一个全局包,使用npm install命令安装
    npm install -g @vue/cli

    基于vue-cli快速生成工程化的vue
    vue create 项目名称

    在这里插入图片描述

    只要查看得到版本就说明可运行了

    1.在需要创建项目的目录下运行cmd,输入vue create 项目名称,然后选择(这里推荐Manually,手动选择安装)
    在这里插入图片描述

    2.确认添加的组件,空格选中,a全选,i取消,这里我们推荐选1,2,CSS三个功能
    在这里插入图片描述

    3.选择版本,我们这里选vue2(初学者),Less(因为只会Less)

    在这里插入图片描述
    在这里插入图片描述

    4.选择配置文件放在独立的文件夹下,package.json只负责记录自己的文件信息

    在这里插入图片描述

    5.是否选择保存当前创建项目的配置(这里是否都可以,是的话就起个名字即可)
    然后vue-cli便开始创建项目,创建好后,我们只需要在项目的路径下先npm install一下再执行npm run serve即可跑起项目
    在这里插入图片描述

  • 相关阅读:
    Tomcat服务器的启动及启动失败可能的原因
    安装配置ingress-nginx支持https访问
    seata处理分布式事务
    c语言的各种排序
    计算机网络——wireshark抓包
    OMV6 安装Extras 插件失败的解决方法
    C++(20):format格式化字符串
    小蚂蚁过河
    Docker篇-(1)-Docker简介
    zemax场曲与消场曲
  • 原文地址:https://blog.csdn.net/qq_52480906/article/details/126037664