安装

全局环境安装,不必要在项目地址下安装:npm install -g vue-cli

卸载

全局卸载:npm uninstall -g vue-cli

查看是否安装成功:vue list

查看vue版本,vue -V 回车,查看vue最新的版本。

 使用

进入到编辑器主目录下==>vue init webpack 项目名,最终结果是创建一个项目vuecli:

接着在命令行安装依赖模块:cd vuecli ==>cnpm install,最终结果是得到了一个node_modules:

【注意】

在最新的vue-cli中,已经在初始化项目的时候自动进行到了这一步,因此需要观察出现的提示是什么:

实践操作

1、启动热更新npm run dev

【注意】

1、假如启动vuecli项目失败,错误提示如下图,那么建议全局卸载vue-cli:npm uninstall -g vue-cli,然后再重新全局安装:npm install -g vue-cli。只要出现让你填写项目的相关信息,那么都是成功的,记住千万别在一开始选择启用ESlint语法检查,会崩溃的。

2、当你卡在vue init webpack 项目名   的时候,不妨试试用管理员权限试一试(在电脑附件处打开“命令提示符”)。

转载于:https://www.cnblogs.com/fengxiongZz/p/7994448.html

vue-cli脚手架相关推荐

  1. Vue2.x 核心基础(Vue概述,Vue基本使用,@vue/cli脚手架,Element-UI 的基本使用,Vue模板语法)

    1. Vue概述 尤雨溪:Vue.js的创建者 2014年2月,Vue.js正式发布 2015年10月27日,正式发布1.0.0 2016年4月27日,发布2.0的预览版本 Vue:渐进式JavaSc ...

  2. 猿创征文|【Vue五分钟】 Vue Cli脚手架创建一个项目

    目录 前言 一.创建项目的操作步骤 选择路由模式 选择CSS预编译器 选择如何存放配置 自动下载项目所需的包文件 二.启动vue项目 1.项目目录 2.启动项目 3.浏览器打开项目首页界面 三.项目的 ...

  3. 如何查看vue版本号以及vue/cli脚手架版本号

    查看vue版本号 方法一:直接在项目的package.json文件,找到dependencies就能看到了 方法二:输入命令npm ls vue (或者npm list vue) 查看vue/cli脚 ...

  4. Windows PowerShell安装指定版本vue/cli脚手架失效解决办法;vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue

    mac搭建vue项目看这篇 打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...

  5. 1. Vue CLI脚手架

    1.1 介绍 Vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板,是Vue官方提供的标准化开发工 ...

  6. 前端框架vue04~~vue.cli脚手架的基本使用

    文章目录 [1. Vue-CLI脚手架](https://cli.vuejs.org/zh/guide/) [2. 安装](https://cli.vuejs.org/zh/guide/install ...

  7. Vue学习(十一)Vue CLI脚手架

    文章目录 初始化脚手架 说明 步骤 Vue 脚手架创建项目文件说明 render函数 脚手架中不同版本的Vue 脚手架启动注意 vue.config.js配置文件 初始化脚手架 说明 Vue脚手架是V ...

  8. Vue 全家桶之 vue cli (脚手架)

    一.Vue cli 简介 cli --------------------- c : command (命令) l : line ( 行 ) i : interface ( 接口 ) 命令行接口 命令 ...

  9. vue CLI脚手架搭项目

    1.安装 node.js环境 官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到 安装完成后cmd打开终端,输入node -v ,npm - ...

  10. Vue CLI 脚手架详解:快速构建 Vue.js 项目的利器

    目录 一.安装和创建项目 二.项目结构 三.开发和构建 四.插件和配置 Vue CLI 是 Vue.js 官方提供的脚手架工具,它可以帮助开发者快速搭建 Vue.js 项目的基础结构,并提供了丰富的功 ...

最新文章

  1. mysql连接超过8小时错误_mysql超过8小时数据库断掉连接的简单解决办法
  2. python中关键字参数的特点_Python中的*可变参数与**关键字参数
  3. 两种方法用于检查传入的数字是否为整数
  4. POJ 1287 Prim算法模板
  5. 带有Python示例的math.cos()方法
  6. cf486A Calculating Function
  7. 打开html文件图片为什么没有_提高网站打开速度秘诀:压缩html,Javascript和CSS文件...
  8. 计算机桌面如何分区,学会电脑桌面整理分区,提高工作效率
  9. ISO 9001 质量标准体系 免费下载
  10. java实现录屏_javacv实现桌面端录屏
  11. Windows 10 语言包下载 LCU补丁添加 DISM++及wsusscn3.cab下载(WindowsISO映像定制 )
  12. 2017年5月20日软考考试报名开始啦
  13. 【新手福音】分享一个自己制作的机器学习工具集合
  14. C#报表开发工具ReportViewer vs Stimulsoft Reports.Net
  15. No Silver Bullet: Essence and Accidents of Software | 没有银弹:软件开发中的主要问题和次要问题
  16. 利用百度地图根据三点求位置
  17. 【音乐】如果历史是一群喵主题曲钢琴弹奏
  18. NIMK博弈游戏,POJ-2315 Football Game
  19. Android: 实测安卓10下无法获取MEID的解决办法(附smali代码)_20200928_七侠镇莫尛貝
  20. 最好用的API调试接口 在线接口测试工具

热门文章

  1. 使用 acl 库编写发送邮件的客户端程序
  2. flutter开发小程序_为什么我认为Flutter是移动应用程序开发的未来
  3. xebium周末启动_我如何在周末建立和启动聊天机器人
  4. 7纳米duv和euv_要超车台积电 三星宣布采用EUV技术7纳米制程完成验证
  5. 网络分流器-网络分流器IP网络路由交换测试技术探讨
  6. 烽火18台系列之十一:刚需中的刚需——网站篡改监控
  7. 一篇文章读懂阿里云负载均衡性能保障型实例
  8. Spring中使用Schedule调度
  9. 折返(Reentrancy)VS线程安全(Thread safety)
  10. 浅析电商、社区、游戏常用的 MySQL 架构