首页 > 其他分享 >vue-cli脚手架的安装

vue-cli脚手架的安装

时间:2022-10-08 10:59:09浏览次数:47  
标签:npm vue cli install 脚手架 安装

vue-cli提供一个官方命令行工具,可用于快速搭建大型单页应用。现如今,随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中,如何搭建开发脚手架呢,今天我分享一下我的搭建过程。

打开命令提示符(用管理员身份) or  打开VSCode的终端(Terminal)

首先安装cnpm

1、说明:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);
2、使用npm 安装插件: 命令提示符执行npm install <name>
3、选装 cnpm: 因为谷歌安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果谷歌的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事来自官网:“这是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次以保证尽量与官方服务同步“。

npmmirror 中国镜像站 http://www.npmmirror.com/
npm install -g cnpm --registry=https://registry.npmmirror.com

 

 

 

接下来,用npm 安装 yarn

PS:
yarn是个包管理器,是facebook发布的一款取代npm的包管理工具

输入命令:

npm install -g yarn

 

 

  vue-cli脚手架的安装

npm install -g @vue/cli

 

 

 查看版本

vue -V

 

 

参考资料:

(157条消息) 解决在安装vue-cli脚手架出现的问题_散一世繁华,颠半世琉璃的博客-CSDN博客_vue-cli问题  https://blog.csdn.net/qq_51447436/article/details/126656377

愿景:

 

 

 

标签:npm,vue,cli,install,脚手架,安装
From: https://www.cnblogs.com/CiciXuanblog/p/16768256.html

相关文章

  • 移动端 element + vue 二次封装上传图片的组件
    功能:支持预览、长按图片保存、删除项目中使用:1<el-form-itemlabel="上传照片"class="ml30">2<e-upload-image3v-model="image"4......
  • 狂神说学习笔记:Vue
    Vue1、概述Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用......
  • Vue全局公共服务类mixin
    首先,简单介绍下mixin:Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类Mixin类通常作为功能模块使用,在需要......
  • Vue2.0使用elementUI
    引入elementUI第一种:全部引入安装elementuinpminstallelement-ui--save1.在main.js中引入2.使用//引入element-uiimportelementUIfrom'element-ui';//引入......
  • vue3 导出excel文件
    在中后台页面的开发中少不了excel表格导出功能,以此做个记录:1.后端返回下载地址:直接:window.open("文件地址")    或者:window.location.href= "文件地址"......
  • Vue学习(三)
    ajax请求xhr一般不直接使用,层层封装jquery现在基本不用axios通过promise实现对ajax技术的一种封装fetchpromise封装异步操作newpromise(resolve,reject),然后......
  • Python 使用zmail、imapclient或imap_tools接收邮件
    Python中,可以使用通过代码方式接收邮件,本文主要介绍使用zmail、imapclient和imap_tools三种方法接收邮件,以及相关的示例代码。原文地址:Python使用zmail、imapclient或ima......
  • vueuse 核心api
     供自己学习使用。代码来源于elementplus。后续看情况是否增加说明  isClient  useStorageconstuserPrefer=useStorage<boolean|string>(......
  • 如何理解vue中的v-bind?
    如果你写过vue,对v-bind这个指令一定不陌生。下面我将从源码层面去带大家剖析一下v-bind背后的原理。会从以下几个方面去探索:v-bind关键源码分析v-bind化的属性统一存储在哪......
  • 还在为写.vue文件烦恼吗?快来用dot-vue-cli交互式生成吧!
    写过vue的同学都知道,单文件组件.vue在开发中使用频率是非常高的。如果不想再手写或者CV的话,不妨尝试一下我写的这个小工具,支持交互式生成.vue文件,生成的过程只需要回答一些......