1.下载node.js

2.安装npm(全局安装): npm install npm -g

          npm install -g cnpm --registry=https://registry.npm.taobao.org(淘宝镜像)

3.安装vue-cli: npm install vue-cli -g

       cnpm  install vue-cli -g

4.监测vue是否安装成功:在目标路径下输入vue

5.安装webpack:

  vue init webpack#1.0 (以前的安装方法)

$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

7.运行项目 npm run dev(淘宝镜像与npm镜像都都通过这条语句运行项目)

转载于:https://www.cnblogs.com/cxh1/p/7904702.html

vue-cli安装笔记相关推荐

  1. Vue CLI 安装

    前提:安装vue/cli之前要先安装nodejs nodejs官网:https://nodejs.org/en/ Vue CLI官网:https://cli.vuejs.org/zh/ # 安装最新版 ...

  2. @vue/cli 安装缓慢问题

    @vue/cli 安装缓慢问题 打开cmd 先装一个cnpm,指向淘宝npm仓库 npm install -g cnpm --registry=https://registry.npm.taobao. ...

  3. Vue CLI安装的详细步骤

    Vue CLI安装的详细步骤 为了以后安装方便,写一个具体的步骤. 1.首先,打开vue官网,在生态系统的工具里找到Vue CLI,点击安装,先全局安装,直接打开cmd命令,执行以下命令.(我选的第一 ...

  4. vue cli安装贼慢解决办法

    网上解决办法都是用淘宝镜像,但我先切换了镜像,安装还是慢,最后发现了一个比较快的方案. 打开cmd 先装一个cnpm,指向淘宝npm仓库 npm install -g cnpm --registry= ...

  5. Vue项目搭建——Vue CLI安装失败解决方法

    1.安装node 官网下载:https://nodejs.org/en/ 下一步安装 2.设置镜像 要以管理员方式运行cmd npm install -g cnpm --registry=https: ...

  6. windows安装vue脚手架(vue-cli)及vue ui无反应,npm i -g @vue/cli报错解决方案

    首先去node.js官网下载系统对应的node.js版本. 安装完成之后,在命令行下,输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功. 安装全局的cli.在命 ...

  7. 解决@vue/cli 创建项目是安装chromedriver时失败的问题

    最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行.网上搜索了一下,全是使用 工作中常见问题汇总及解决方案 npm install chrome ...

  8. yarn全局安装vue/cli vue不是内部命令

    yarn全局安装vue/cli vue不是内部命令 在使用 yarn global add @vue/cli安装 @vue/cli之后 执行vue --version 报错:'vue' 不是内部或外部 ...

  9. Vue学习笔记(九) Vue CLI

    1.简介 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,它包括三个独立的部分: CLI:一个全局安装的 npm 包,提供在终端里使用的命令 CLI 服务:一个局部安装在使用了 @v ...

  10. vue cli 4 多环境_Vue 笔记整理19

    19.1 vue-cli起步 19.1.1 什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: - 通过 @vue/cli 搭建交互式的项目脚手架. - 通 ...

最新文章

  1. nginx日志配置指令详解
  2. opencv实现几幅图像拼接成一整幅大图
  3. python实时监控文件目录_c#教程之c#使用filesystemwatcher实时监控文件目录的
  4. SetWindowsHookEx 其他进程的 记录
  5. Java泛型:泛型的定义(类、接口、对象、方法)、使用、继承
  6. ubuntu下txt文件中文显示乱码的方法【转载】
  7. 两种方案实现word转pdf
  8. unity shader可视化工具——Shader Graph
  9. python教孩子学编程_学编程要从娃娃抓起——教孩子学Python
  10. 如何写一篇高质量的伪原创文章
  11. 什么是IPS?如何对其进行调整?
  12. 名词性从句——专升本语法
  13. Flutter插件shared_preferences数据存储的使用
  14. macOs 静默安装dmg文件
  15. js以excel为模板的打印
  16. Intel Realsense D455 D435i D415 T265 3D实感硬件对比
  17. 数值分析实验 实验3-1 牛顿下山法 python3实现
  18. 【AI达人创造营第二期】基于Jetson nano的餐厅自助结账系统部署
  19. Bootstrap组件——折叠面板
  20. 网页突然打不开其他软件却能上网?怎么解决?

热门文章

  1. Leetcode 121 动态规划(原名字不通过审核)
  2. 浅析Codewarrior、IAR和Keil MDK三大开发环境优缺点
  3. 世界上公认最难的十大学科
  4. 画原理图和PCB图该注意什么?
  5. java redis 主从配置_Redis实现主从复制(MasterSlave)
  6. 055_Unicode字符官方标准六
  7. 012_html如何查看源代码
  8. Android LayoutAnimation使用及扩展
  9. Dell R240 1U机架式服务器 资料
  10. unity Android 剪贴板,Unity移动端的复制要这么写示例代码