创建Vue脚手架,用的webpack模板

news/2024/7/10 1:37:16 标签: vue, github, js

创建Vue脚手架

    • 一、下Vue模板项目

一、下Vue模板项目

(我使用的工具是webstrom)

  1. vue-cli 是 vue 官方提供的脚手架工具

  2. github: https://github.com/vuejs/vue-cli

  3. 作用: 从 https://github.com/vuejs-templates 下载模板项目
    在这里插入图片描述
    4.文件框中输入cmd命令,打开cmd窗口
    在这里插入图片描述
    5.在命令窗口输入npm install -g vue-cli命令,脚手架全局安装。
    6.安装好输入vue检查,安装成功效果如下
    在这里插入图片描述
    7.用该命令vue init webpack vue_demo 创建vue项目,vue_demo项目名。自行可以更改
    8、项目名必须小写,不能大写,其中选NO的是我当前用不到的,自行根据当时项目需求而定。
    在这里插入图片描述
    9、选中npm或yarn下载,也可选择第三步手动下载。
    在这里插入图片描述
    10、模板项目结构解释
    在这里插入图片描述
    11、运行命令npm start或npm run dev


http://www.niftyadmin.cn/n/1232450.html

相关文章

2寸的照片长宽各是多少_43寸的电视长宽是多少厘米?

43寸的液晶电视,43寸就是指电视屏幕对角线长度,经过寸转化为厘米计算之后,43寸液晶电视屏幕宽度大约为长约为96.5厘米,宽约为54厘米。具体介绍如下:1、电视机的寸数一般是指电视机屏幕的对角线长度,根据1英…

vue中eslint问题,You may use special comments to disable some warnings. Use // eslint-disable-next-line

vue中eslint问题,You may use special comments to disable some warnings. Use // eslint-disable-next-line在build/webpack.base.conf.js中找到module->rules中关于eslint的语句将它删除或注释就是将这句 …(config.dev.useEslint ? [createLintingRule()] :…

认识C++对象

认识C对象一、基本输入和输出1、输入/输出2、强制类型转换3、函数参数的默认值4、引用和函数参数的传递5、const与指针的共同使用6、内联函数7、函数的重载8、指针和动态内存分配9、用string对象处理字符串一、基本输入和输出 1、输入/输出 输入:cin>>变量1…

使用spring Initalizer快速创建Springboot项目

1、进入IDEA,创建一个新的工程,选择spring Initializr,选择自己的jdk 2、主程序类主类解释 SpringBootApplication //SpringBootApplication来标注主程序类,说明Sping Boot 应用 public class DemoApplication { //启动主程序public stat…

SpringBoot解决导入配置文件处理器

Not Found The requested URL /spring-boot/docs/2.3.4.RELEASE/reference/html/configuration-metadata.html was not found on 解决方法&#xff1a;在pom文件中添加一个配置文件处理器 <dependency><groupId>org.springframework.boot</groupId><artif…

微信红包拓客_营销拓客是怎样炼成的?结合线下与线上实现引流+扩散+分享

2020年相信任何商家和企业都很关注营销拓客&#xff0c;毕竟这是大家得以生存于世的关键&#xff0c;也是后期发展的必然。乍一看&#xff0c;企业商家朋友们觉得营销拓客相当笼统&#xff0c;不知如何下手。到底营销拓客是怎样炼成的?结合线下与线上实现引流扩散分享就这么简…

手机里tencent文件夹能删吗_别再盲目清理了,手机删除这3个文件夹,能瞬间清出十几G垃圾...

我们在使用手机的过程中都会定期清理一下手机缓存垃圾&#xff0c;第一可以让手机内存变大&#xff0c;手机能储存更多的东西&#xff1b;第二可以让手机变得流畅一点&#xff0c;毕竟内存不足手机也会变得特别卡顿。不少朋友都是使用手机自带的清理软件清除的手机缓存&#xf…

mongodb 索引去重_为什么Mongodb索引用B树,而Mysql用B+树?

来源&#xff1a;孤独烟作者&#xff1a;孤独烟好久没写文章了&#xff0c;今天回来重操旧业。今天讲的这个主题&#xff0c;是《面试官:谈谈你对mysql索引的认识》&#xff0c;里头提到的一个坑。也就是说&#xff0c;如果面试官问的是&#xff0c;为什么Mysql中Innodb的索引结…