• 前端如何通过vue/cli脚手架创建vue项目


    在这里插入图片描述


    作者简介

    • 个人介绍:小伙伴们,大家好!我是水香木鱼,【前端动态图解领域创作者
    • CSDN主页:水香木鱼
    • 个人博客【简历】:陈春波
    • 系列专栏:邂逅Vue2
    • 一键四连:关注+点赞+收藏⭐+留言
    • 人生箴言:即使没有万全准备,也要勇敢迈出第一步。

    1、新建文件夹

    存放project

    在这里插入图片描述

    2、打开命令窗口【俗称黑窗口】

    进入新创建好的文件夹内,在路径处 输入cmd 进入黑窗口

    在这里插入图片描述

    3、执行创建vue命令

    注意:前提是已经安装好vue/cli@3.12.1,才可以创建项目

    在这里插入图片描述

    4、自定义创建项目

    注意:按方向键 进行选择 , 回车键确认下一步


    在这里插入图片描述

    5、基本配置

    在这里插入图片描述

    6、选择路由模式

    在这里插入图片描述

    7、选择css编译器

    在这里插入图片描述

    8、推荐【模块分类】

    按方向键 选择 In package.json 回车键 确定

    在这里插入图片描述

    9、是否保存为下次配置

    输入 n 【不保存】

    在这里插入图片描述

    10、配置安装中…

    在这里插入图片描述

    11、配置安装完成

    在这里插入图片描述

    12、运行项目

    • cd 到创建的目录名下
    • 输入命令:npm run serve 运行项目

    在这里插入图片描述

    13、项目启动成功

    在这里插入图片描述

    14、项目运行界面

    打开浏览器,地址栏输入 http://localhost:8080/

    在这里插入图片描述


    写在最后

    感谢大家阅读到结尾,本次的文章就分享到这里,总结了如何通过vue/cli脚手架创建vue项目,希望可以帮到大家,谢谢。

    如果您觉得这篇文章有帮助到您的的话不妨关注+点赞+收藏+评论+转发 支持一下哟~~您的支持就是我更新的最大动力。

    在这里插入图片描述

  • 相关阅读:
    打开外部程序
    检测是否渲染
    maxsxript 坐标转换 函数
    实用 SQL 语句
    【整理】一些有用的学习资源链接
    关于 static 和 final 的一些理解
    Java8新特性时间日期库
    推荐一套后台管理系统
    Java API 之 Object
    【软件体系结构】架构风格与基于网络应用软件的架构设计
  • 原文地址:https://www.cnblogs.com/chenchunbo/p/16395514.html
Copyright © 2020-2023  润新知