首页 > 其他分享 >全局安装vue-cli 和项目创建

全局安装vue-cli 和项目创建

时间:2022-11-21 12:44:22浏览次数:33  
标签:npm vue cli 项目 创建 全局 安装

npm i webpack -g # 安装webpack
npm i vue-cli -g # 安装脚手架
vue init webpack demo # 创建项目

全局安装 vue-cli 和项目创建
npm install -g @vue/cli # 用npm安装脚手架

or

yarn global add @vue/cli # 用yarn 安装脚手架

vue create my-project # 创建项目

or

vue ui #创建项目

项目配置:
自动打开项目:
vue.config.js
module.exports = {
devServer:{
open:true,
//host:'localhost'
}
}

标签:npm,vue,cli,项目,创建,全局,安装
From: https://www.cnblogs.com/strundent/p/16911080.html

相关文章

  • vue学习
    #1安装vue-cli脚手架:sudonpminstall-gvue-cli#2查看可以使用哪个模板:vuelist#3vueinitwebpack(模板名称)sell(项目名称)#4安装过程:--Projectnamesell......
  • eclipse设置默认编码格式utf-8
    需要设置的几处地方为:Window->Preferences->General->Workspace面板Textfileencoding选择UTF-8Window->Preferences->General->ContentType->Text->JSP最下面设置......
  • eclipse报错:The method convert(String) of type DateConvertor must override a supe
    ​​@Overridemustoverrideasuperclassmethod问题解决​​如果在使用Eclipse开发Java项目时,在使用@Override出现以下错误:Themethod***oftype***mustoverr......
  • JS中this在【全局、事件绑定、对象定义、构造函数】下的理解
    学前端也好久啦,看了很多文档,结合自己的一点经验来讲,对于this,最通俗易懂的理解就是:函数在哪里调用的,this就指向哪里。首先看个例子:这里的函数getFullName,在哪里调用呢,是不......
  • vue 3.0 常用api 的简介
    vue3.0生命周期写法一和vue2.x一致区别在于(beforeUnmount、unmount)名称不一样写法二在setup中使用,需要引用如:import{onBeforeMount}from‘vue’Setup(){......
  • 没必要阅读 Vue 源码吧?
    Vue的渐进式设计使得它非常容易上手,在最简单的情况下,我们只需要引入Vue的JS文件,然后newVue()即可使用声明式渲染。Vue的文档编写也比较优秀,方便使用者一步一步深入......
  • 超级详细的Vue安装与配置教程
    原文: https://www.jb51.net/article/251371.htm超级详细的Vue安装与配置教程 Vue web前端三大主流框架之一,是一套用于构建用户界面的渐进式框架,下面这篇文章主要......
  • 创建全局唯一标识,guid
    /***创建全局唯一标识*@return返回一个guid,作为全局唯一标识*/functionCreateguid():string{letguid:string=''for(leti=1;i<=32;i++){cons......
  • Delphi IdTCPClient[1] 介绍、属性、方法
    DelphiIdTCPClient[1]介绍、属性、方法1、介绍实现TCP客户端。TIdTCPClient封装了一个完整的TCP(传输控制协议)客户端,包括socks支持。TIdTCPClient可以用作特定协议实现......
  • 【Vue3】给整个网页背景document添加单击click事件
    给整个网页背景document添加单击click事件,解决下拉菜单隐藏问题onMounted(()=>{//document.addEventListener('click',function(){alert('body1')})documen......