系统:windows

1.从node官网上下载相应的node,安装成功即可。

2.安装成功之后查看node和npm的版本号 node -v

npm -v

3.安装webpack

cnpm install webpack -g

4.安装vue脚手架

npm install vue-cli -g

5.找到空文件夹,根据模板创建项目

vue init webpack-simple 工程名字<工程名字不能用中文>
或者创建 vue1.0 的项目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test)直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字

进入文件夹,可以看到基本的结构。

6.安装项目依赖

npm install

如果安装报错,可以设置 国内镜像源

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功之后,运行

cnpm install

7.启动项目

npm run dev

就可以看到这个界面了

看到这个界面就可以了。

转载于:https://www.cnblogs.com/heihei-haha/p/6559326.html

vue2.0环境搭建相关推荐

  1. (win10 64位系统中)Visual Studio 2015+OpenCV 3.3.0环境搭建,100%成功

    (win10 64位系统中)Visual Studio 2015+OpenCV 3.3.0环境搭建,100%成功 Visual Studio 2015下载地址:https://msdn.itellyo ...

  2. vSphere 5.0 开发系列(一)vSphere 5.0 环境搭建手顺

    vSphere 5.0 开发系列(一)vSphere 5.0 环境搭建手顺 首先我们要简单了解一下vSphere整体设计结构. 接下来开始做服务器吧. 一.先做ESXi5.0服务器 找到一台干净服务器 ...

  3. 鸿蒙os2.0环境搭建gradle-5.4.1-all.zip下载失败问题解决方案

    鸿蒙os2.0环境搭建gradle-5.4.1-all.zip下载失败问题解决方案 解决 gradle-5.4.1-zip因拉取超时而失败的这个问题 鸿蒙官网的解决方案 1.按照上面链接找到 环境安装 ...

  4. yolov5-4.0环境搭建,零基础小白都能看得懂的教程。YOLOv5搭建的最快搭建方式,踩坑经历详谈)yolov5/yolov4/yolov3/yolov3通>>>>>>>>>>>>>>>>>第一章

    第一章:python最新YOLOv5-4.0环境搭建,零基础小白都能看得懂的教程.YOLOv5搭建的最快搭建方式,踩坑经历详谈 环境准备: yolov5-4.0环境搭建整体说明 2,anaconda的 ...

  5. heritrix 3.2.0 -- 环境搭建

    heritrix作为一个比较经典的开源爬虫,写这篇文章目的是因为,3.X之后的heritrix的介绍以及配置的文章比较少了. heritrix 3.x 以后使用maven 2配置jar包引用,但是总是 ...

  6. IoT开发——WIFI模块ESP8266 RTOS SDK V3.0.0环境搭建

    目录 1. 环境概览 2. 安装Ubuntu操作系统 3.搭建编译环境 3.2 环境准备 3.3 环境配置 3.4 设置串口,进行编译 3.5 配置elipse编译器 (1)安装eclipse (2) ...

  7. CUDA编程学习0——环境搭建环境详解

    目录 环境配置 软件安装 1.支持最高的cuda版本查询,下载cuda开发软件: 3.配置环境(~/.bashrc添加环境变量) 4.后续维护查询 补:关于windows下的cuda环境配置 一.Vi ...

  8. CDH6.1.0环境搭建 完成后 登录admin账户失败

    CDH环境搭建完成,启动cloudera-manager-server成功,下面是启动日志 [root@node-1 ~]# sudo systemctl start cloudera-scm-ser ...

  9. Windows CE 6.0 环境搭建

    最近由于实验所需,不得不撸起袖子来搭建了这么一个Windows CE的开发环境.(内心OS : WindCE 没落到微软自家都嫌弃了, 我还傻乎乎地在这安装它.) 由于微软对WindCE的嫌弃态度,整 ...

最新文章

  1. NYOJ72Financial Management
  2. Reactive Extensions入门(5):ReactiveUI MVVM框架
  3. ASP.NET 自定义项目模板
  4. 互联网公司的项目经理:客户伤不起
  5. 安装Exchange 2010 时报错UserMailbox 必须强制使用 Database
  6. 一站式WPF--依赖属性(DependencyProperty)
  7. 三大代码审计工具对比
  8. 软著申请说明书及源程序模板
  9. c语言两位数码管动态显示,十天学会单片机和c语言编程数码管动态显示.pptx
  10. linux 查看ftp连接用户
  11. 财智家庭理财软件 V5.5 精锐版
  12. 微信小程序 ES6语法
  13. html表格的thead标签,thead和tbody标签
  14. c语言tc游戏代码大全,wintcC语言小游戏画图代码.doc
  15. Priest and Devil
  16. 暂时解决Xmarks无法同步
  17. 收藏一些非常不错的学习资源
  18. prometheus-容器健康状况监控
  19. 西安电子科大计算机学院院长,董伟生 | 个人信息 | 西安电子科技大学个人主页...
  20. 进销存软件修改调整商品的成本(库存成本)

热门文章

  1. hand keypoint detection in single images using multiview bootstrapping
  2. 关于QT中奇数个汉字出现newline in constant的错误
  3. arm linux 进程页表,arm-linux内存页表创建
  4. 持久层和数据访问层_什么是持久层? JDBC 演变的 Mybatis 架构分析
  5. 卷积神经网络VGG16这么简单,为什么没人能说清?
  6. 优秀的算法工程师都是不用深度学习的
  7. Python 机器学习:多元线性回归
  8. php错误日志分析_php错误日志
  9. tranmac不能识别_U盘插入苹果mac系统不能识别的解决方法
  10. 台式电脑cpu排行榜_微星新款游戏台式电脑亮相 配备英特尔第十代CPU