创建vue项目时文件夹内容要为空不然无法创建

cmd切换盘符:E:回车。

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

更新npm版本:npm install -g npm

1、安装vue2脚手架
(1)、在cmd命令行中输入脚手架安装命令;
(2)、全局安装vue脚手架:npm install -g vue-cli 或者指定版本:npm i vue-cli@2.9.6 -g;
(3)、安装以后,输入:vue -V 出现相应的版本号,则表示安装成功;
(4)、卸载脚手架:npm uninstall -g vue-cli;
2、搭建项目

选择你要安装到那个文件夹
(1)、初始化项目:vue init webpack myProject;
(2)、进入项目:cd myProject;
(3)、启动项目:npm run dev (如果下载的别人的项目,需要先安装依赖 npm install);
(4)、打包上线:npm run build
如果项目没有自动打开浏览器,将config文件夹里面的index.js文件中autoOpenBrowser设置为true;
路由有hash和history模式,在new Router的对象里面mode来设置;默认是hash模式
3、vue-cli3脚手架安装
(1)、如果安装了1.x或者2.x版本的脚手架,需要先卸载;
(2)、安装脚手架:npm install -g @vue/cli
(3)、安装以后,输入 :vue -version查看版本,出现相应版本3.x则表示安装成功;
(4)、初始化项目:vue create myApp;
(5)、选择配置,一般选择手动配置,根据自己需要来选择,不选择默认配置;
(6)、进入项目:cd myApp;
(7)、启动项目:npm run serve(yarn serve);
(8)、打包上线:npm run build;

勤学似春起之苗,不见其增,日有所长; 辍学如磨刀之石,不见其损,日所有亏!

Vue脚手架安装常用命令相关推荐

  1. vue开发搭建(npm安装 + vue脚手架安装)

    一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...

  2. vue脚手架安装时出现Error EPERM operation not permitted这个错误

    vue脚手架安装时出现Error: EPERM: operation not permitted这个错误 **原因:**出现这个错误是因为安装全局模块时没有管理员权限,需要以管理员身份运行命令提示符窗 ...

  3. Vue脚手架安装 与 Vue项目创建运行、vue项目迁移后运行失败问题

    目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功 项目文件作用介绍 快捷安装项目所需依赖 命令 npm i Vu ...

  4. 前端学习(1850)vue之电商管理系统电商系统vue脚手架安装

    1. 先下载node.js,下载地址:https://nodejs.org/en/download/ 找个目录保存,解压下载的文件,然后配置环境变量,将下面的路径配置到环境变量中. 安装node 配置 ...

  5. vue-cli2.x旧版本卸载不掉的问题解决方案(亲测+踩坑)附Vue脚手架安装教程

    旧版本卸载 问题说明 vue2.x脚手架旧版本卸载不掉的问题:(卸载命令运行后输入vue --version仍一直显示旧版本) 问题解释 首先明确一点,卸载不掉肯定说明你的电脑中至少有两个地方存在脚手 ...

  6. Vue脚手架安装及项目搭建(mac版)

    前提:电脑上已经安装好了npm vue脚手架全局安装终端命令 $ sudo npm install -g vue-cli 安装完成之后检测 $ vue -V 如果终端输出vue的版本号,那么脚手架就安 ...

  7. vue脚手架安装以及vue脚手架创建项目(详细步骤)

    系列文章: 文章目录 node.js安装 vue环境安装 vue创建项目 命令行方式创建 使用UI界面搭建 idea导入vue项目 学习Vue不需要学会Node,Vue是前端框架,nodejs是服务端 ...

  8. vue脚手架安装出错

    @vue/cli安装出错 安装vue脚手架是出现如下错误 解决方法: 1.我的解决方法是先把node.js卸载了,重新安装. 2.重新装好node.js后,使用命令输入npm install -g c ...

  9. Redis基础知识+安装+常用命令使用

    Redis NoSql概述 为什么用NoSql 单机MySQL的时代! 上古90年代,更多的是静态网页,动态交互类型的网站不多.一个基本网站访问量一般不会太大,单个数据库可以轻松应付. 现如今的大数据 ...

最新文章

  1. 面试官问你 SpringMVC 的工作原理,你还不知道吗?
  2. 理解Linux的性能
  3. socket通信(5)4次挥手
  4. .NET中使用Redis总结 —— 1.Redis搭建
  5. 使用iframe模拟无刷新上传文件。
  6. 机器学习优化算法(一)
  7. 线性筛及其扩展-积性函数
  8. Hbase 中文参考指南 3.0 校对活动发车了~
  9. 由于找不到appvisvsubsystems32.dll_终于熬到孩子上幼儿园,宝妈却找不到工作了,背后原因让人心酸...
  10. “软件开发教父” Martin Fowler 从业 40 年最想说这两个字!
  11. Ubuntu下安装NetBeans步骤和相关问题的解决方法
  12. Android UI学习之CheckBox
  13. 图片怎么做雕刻路径_浮雕做图的简要步骤
  14. LabVIEW基于机器视觉的实验室设备管理系统(1)
  15. [c++] WINAPI
  16. 头歌 Linux 远程联机服务(二)- Rsh服务器
  17. 润雅信息完成B轮融资 大数据平台赋能汽车销售 1
  18. 多可知识管理系统三大特色
  19. 2020.8.31,文书网又更新啦,这次直接加入了登录后才能查看。
  20. Linux学习笔记:DNS

热门文章

  1. 单向测径仪的知识介绍
  2. Positional Change of the Eyeball During Eye Movements: Evidence of Translatory Movement眼球运动过程中眼球的位
  3. Java项目:JSP宠物商城系统
  4. 怎么把jpg文件转换成pdf文件
  5. adf的主要功能之一是_ADF
  6. android定时提醒功能,Android后台定时提醒功能实现
  7. 作团队感悟(15)----培养危机感
  8. c语言随机抽取扑克问题,关于扑克牌的问题
  9. DLL 注入 —— 反射式注入(内存手动映射)
  10. linux锁机制:queued spinlock