首页 > 其他分享 >搭建vue2.0开发环境

搭建vue2.0开发环境

时间:2022-10-24 16:22:29浏览次数:71  
标签:npm node vue 版本号 开发 vue2.0 安装 输入 搭建

1.安装node

vue的运行是依赖于node的npm的管理工具来实现,下载地址:https://nodejs.org/en/

2.查看node版本号

打开cmd管理工具,输入node -v命令,查看node版本号,出现版本号说明安装成功

3.安装淘宝npm镜像

输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

4.安装全局vue-cli脚手架

输入命令:cnpm install --global vue-cli

安装完毕后,输入vue -v命令,查看vue 版本号,出现版本号说明安装成功

5.创建一个新项目

输入命令:vue init webpack my-project

人后一路回车,需要用到的输入yes,不需要用到,输入no

6.进入项目文件夹

输入:cd my-project

7.在项目中安装依赖

各个模板之间都是相互依赖的,所以需要安装依赖

输入命令:npm install

8.运行

输入命令:npm run dev 回车

弹出:http://localhost:8000

9.在浏览器窗口输入http://localhost:8000打开默认模板

到此,vue开发环境搭建完毕

标签:npm,node,vue,版本号,开发,vue2.0,安装,输入,搭建
From: https://www.cnblogs.com/qqlzs/p/16821757.html

相关文章

  • 开发人员应该知道Windows 7的十大技巧
    最近我在笔记本上安装了64位的Windows7,今天逛的时候看到ScottHanselman’s写的一篇文章Top10TipsWorkingDevelopersShouldKnowaboutWindows......
  • Windows NLB搭配IIS的ARR搭建高可用环境
    在现行的许多网络应用中,有时一台服务器往往不能满足客户端的要求,那么有没有什么办法解决服务器的高可伸缩性、高可用、高可靠性和高性能,提升服务器的SLA?......
  • 利用VS2005中的Code Snippets提高开发效率
    在VS2005中,新增加了许多新的特性和功能。其中在方便用户编程方面有了很大的改进,比如新增加了codesnippets(代码片断助手)功能。所谓的codesnippets,是用......
  • Windows10 + Eclipse C/C++开发环境配置极简教程
    下载安装Eclipse访问下载EclipseIDEforC/C++Developershttps://www.eclipse.org/downloads/packages/将下载下来的压缩包解压到安装目录,如我这里是D:\util\cdt......
  • 直播电商平台开发,设计模式单例模式
    直播电商平台开发,设计模式单例模式1.说明单例即只有一个实例,比如说配置、日志、连接池等,可以避免多个实例带来的多余的资源开销,并且在多线程环境下保证数据安全 2.类......
  • IBatisNet 开发指南系列文章更新
              两周前完成 ​​​IBATISNETNET1.3开发指南系列文章​​​   ,只是作了最基本的介绍。最近工作忙,没什么时间写,今天放假了,花了大半天时间才写......
  • Visual Studio 2015 前端开发工作流
    ​​VisualStudio2015CTP5​​,全称为VisualStudio2015CommunityTechnologyPreview5,意为社区技术预览版,之前的版本为:VisualStudio2015Preview,多了一个CTP,虽然......
  • nVisual二次开发——关于视图内对象的获取
    nVisual作为一个图形化管理软件,首要的是将视图内对象渲染出来,对象渲染的数据来源于diagram接口,本章小编带大家了解这个接口。​接口描述:传入视图节点id,获取视图属性、视图背......
  • 麒麟系统开发笔记(八):在国产麒麟系统上使用linuxdeployqt发布qt程序
    前言  在ubuntu上发布qt程序相对还好,使用脚本,但是在麒麟上发布的时候,因为银河麒麟等不同版本,使用脚本就不太兼容,同时为了实现直接点击应用可以启动应用的效果,使用linuxde......
  • golang 开发辅助(一)
    理解goenv中的重要变量首先我们要来看一下goenv(目前版本1.16xxx)点击查看代码GO111MODULE=""GOARCH="amd64"GOBIN=""GOCACHE="/Users/dashuai/Library/Caches/go-......