首页 > 其他分享 >Vue学习笔记39--创建Vue脚手架

Vue学习笔记39--创建Vue脚手架

时间:2024-03-07 18:12:31浏览次数:22  
标签:npm 39 Vue cli -- vue https 脚手架

创建Vue脚手架

1.Vue脚手架是Vue官方提供的标准开发工具(开发平台)
2.脚手架最新版本4.x
3.文档:https://cli.vuejs.org/zh/

操作步骤:
第一步:(仅第一次执行):全局安装@vue/cli (command line interface)

注:安装钱建议先设置镜像==》npm config set register https://registry.npm.taobao.org
npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装完成后,关闭命令行,重新输入vue可执行vue指令,如下图所示:

 第二步:切换到你要创建项目的目录,然后使用命令创建项目

vue create my-project
# OR
vue ui

第三步:启动项目
nmp run server

注意:
1.如出现下载缓慢请配置npm淘宝镜像(win+r cmd 命令行执行) npm config set register https://registry.npm.taobao.org
2.Vue脚手架隐藏了所有webpack相关的配置,若想查看具体的webpack配置,请执行:vue inspect>output.js

 

标签:npm,39,Vue,cli,--,vue,https,脚手架
From: https://www.cnblogs.com/YYkun/p/18059134

相关文章

  • C++.sublime-build{"cmd":["g++","-Wall","${file}","-o","${file_path}/${file_base_name}","-Wall","-Wextra"],"file_regex":"^(..[^:]*):([0-9]+):?(......
  • VUE Grid的写法
    <template><table><thead><tr><thv-for="colingridColumns":key="col">{{col}}</th></tr></thead><tbody><tr......
  • VUE GRID WITH COMPONENT排序
    父组件:<!--Anexampleofcreatingareusablegridcomponentandusingitwithexternaldata.--><scriptsetup>importDemoGridfrom'../components/Grid.vue'import{ref}from'vue'constsearchQuery=ref('')......
  • 解决 Android studio Connect to 127.0.0.1:[/127.0.0.1] failed: Connection refused
    前言由于代理变更,androidstudio会有一系列报错,其中一个是Connectto127.0.0.1:xxxxxx[/127.0.0.1]failed:Connectionrefused网上答案大都太片面了,无法完全解决问题,这里列举出四个可能的原因,希望对大家有用问题如下建议一下四种方案都尝试下,我相信总有一种能......
  • AI智能分析网关V4智慧园区视频智能监管方案
    一、背景需求分析随着科技的不断发展,智慧园区建设已成为现代城市发展的重要方向。通过智能化技术提高园区的运营效率、降低成本、增强环境可持续性等具有重要作用。视频智能监管作为智慧园区安全管理体系的重要组成部分,对于提高园区的安全管理水平和保障园区的安全稳定具有重要意......
  • TS-any vs unknown
    相同点:1.都是TS系统是顶层类型:any,unknown2.任何类型的值都可以赋值给该类型 any存在的问题:1.类型推断问题:any类型的变量不再进行类型检查,失去了TS的意义;所以对于那些类型不明显的变量,一定要显式声明类型,防止被推断为any2.污染问题:any类型的变量可以赋值给任意类型......
  • oracle11g awr手动生成快照
    您可以手动生成一个快照,以收集Oracle数据库的AWR(AutomaticWorkloadRepository)数据。请按照以下步骤生成一个快照:登录到Oracle数据库实例所在的服务器。切换到具有适当权限的Oracle用户。打开SQL*Plus或其他OracleSQL客户端。运行以下命令来生成快照:EXECDBM......
  • 内网穿透搭建
    内网穿透搭建参考文章https://github.com/frank-lam/lanproxy-nat官网地址https://github.com/ffay/lanproxy/blob/master/README.md1、环境准备基于lanproxy搭建https://github.com/ffay/lanproxy1、一台具有公网ip的服务器,使用docker安装服务,注意端口开放......
  • 万字长文讲解Golang pprof 的使用
    往期好文推荐⭐️⭐️⭐️:#golangpprof监控系列(1)——gotrace统计原理与使用#golangpprof监控系列(2)——memory,block,mutex使用#golangpprof监控系列(3)——memory,block,mutex统计原理#golangpprof监控系列(4)——goroutinethread统计原理#golangpprof......
  • Distance Learning Courses in MAC
    这道题目其实我们如果位运算的题目有取值范围的话(这道题目的\([x,y]\)),我们可以统计公共前缀首先对于一个数对\((x_i,y_i)\)(假设\(x_i≠y_i\)),我们先统计他们的最长公共前缀比如\(000110101\)和\(000111000\),他们的最长公共前缀就是\(000110000\)(位数都是\(32\)位,这里省略了,公共前......