vue.js+vscode+visual studio在windows下搭建开发环境

第一步:准备工作
1.nodejs官网 http://nodejs.cn/ 下载安装包或镜像例如8.1.2版本:http://cdn.npm.taobao.org/dist/node/latest-v8.x/node-v8.1.2-x64.msi
2.win+R打开cmd命令行
node -v / /显示node版本 v8.1.2
npm -v //显示npm包管理器版本 5.0.3
3.由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm

4.命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
5.安装vue-cli脚手架构建工具 npm install -g vue-cli
6.至此,外部环境算是搭建好了,下面需要使用vue-cli来构建项目
7.首先在D盘创建自己的工作空间,用来存储自己的工程。然后讲命令行切换到你的工作空间cd D:\vueJs
8.在VueJs目录下,运行命令vue init webpack firstVue。其中,webpack是构建工具、模块打包器,也就是整个项目是基于webpack的。其中,firstVue是项目文件夹的名称,这个文件夹会自动生成在vuejs这个工作目录中。

9.安装好依赖后,就可以运行项目了通过命令行输入:npm run dev

10.在浏览器中输入localhost:8080就可以打开运行

11.如果启动过程中出现端口冲突问题,只需要将config目录下的index.js文件中dev端口由8080改为8088

原文地址:https://blog.51cto.com/13565960/2357225

时间: 2024-10-07 07:52:45

vue.js+vscode+visual studio在windows下搭建开发环境的相关文章

FFMpeg在Windows下搭建开发环境【转】

本文转载自:http://blog.csdn.net/wootengxjj/article/details/51758621 版权声明:本文为博主原创文章,未经博主允许不得转载. FFmpeg 是一个优秀的程序库,开源.跨平台并且使用者众多,可以使用在 Windows 和 Linux 等平台下,本文将简单讲解 Windows 平台下 FFmpeg 开发环境的简单搭建过程. 开发环境:Windows10+Visual Studio 2013 1. 打开FFMpeg官网下载页面,点击上面的Downl

第二章:windows下搭建开发环境

IDE ---- pycharm数据库 --- mysql.redis.elasticsearch开发环境 -- anaconda 第一节:pycharm的安装和简单使用...(网上一搜一大堆,所以没必要写出来) 第二节:mysql和navicat的安装和使用....主要是linux比较麻烦(在windows下就很简单了)然后再navicat中的简单使用navicat的新建数据库和表 第三节:如何在window和linux下安装python2和python3...emmm...我觉得没必要安装p

Scrapy爬虫学习笔记 - windows下搭建开发环境1

一.pycharm的安装和简单使用                                   二.mysql和navicat的安装和使用    三.windows和linux下安装python2和python3                         原文地址:https://www.cnblogs.com/tanrong/p/8496823.html

Visual Studio Code中配置GO开发环境

在Visual Studio Code中配置GO开发环境 一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github.com/microsoft/vscode-go 这款插件的特性包括: Colorization 代码着彩色 Completion Lists 代码自动完成(使用gocode) Snippets  代码片段 Quick Info 快速提示信息

Windows下搭建PHP环境:Apache+PHP+MySQL

由于换电脑或重装系统后常需要重新搭建PHP环境,此次简单记录一下Windows下搭建PHP环境的过程,具体步骤可以参照网上资料 准备工作: Windows下手工搭建PHP环境需要先下载相应的软件,此次下载的软件版本如下图所示: 安装过程: 一.安装Apache 双击安装,与安装其他Windows软件没有什么区别 在填Server Infomation时,并没有特殊规定,只要输入的信息符合格式即可 安装完成之后,在浏览器输入http://localhost,如果显示It Works!,表示Apac

windows下spark开发环境配置

http://www.cnblogs.com/davidwang456/p/5032766.html windows下spark开发环境配置 --本篇随笔由同事葛同学提供. 特注:windows下开发spark不需要在本地安装hadoop,但是需要winutils.exe.hadoop.dll等文件,前提是你已经安装了eclipse.maven.jdk等软件 spark支持jdk版本建议是1.8及以上,如果开发spark建议将jdk编译版本设置为1.8 我选择的spark是spark-1.4.0

[傻瓜版] Redis在Windows下的开发环境配置步骤

redis默认运行在unix体系下,windows无法直接运行官方版.以下是几种解决方案, 一)Windows移植版.启动速度飞快,优先推荐使用. a) 2.6.12 是稳定版,我用来64位版做开发环境,数个月未发现重要问题.  下载地址: https://github.com/MSOpenTech/redis/tree/2.6/bin/release b) 2.8.4 是3月24发布的最新版,此版本运行时会临时占用内存大小的硬盘空间,下载地址: https://github.com/MSOpe

Windows下Android开发环境配置

最近在配置安卓. 还是拿舍友没带回家的手机.. 自己手机是WP.. 搞了半天搞好了. 叹了口气,要是有人这样教我就好了,少走好多弯路. 废话不说,步骤如下" 一.安装JDK 为啥要安装JDK就不说了吧?java写安卓.. 传送门: http://www.oracle.com/technetwork/java/javase/downloads/index.html 安装完后,配置环境变量: 右击 "我的电脑"->属性->高级->环境变量->系统变量-&g

windows下STM32开发环境的搭建

一.概述 1.说明 笔者已经写了一篇Linux下STM32开发环境的搭建 ,这两篇文章的最区别在于开发环境所处的系统平台不一样,而其实这个区别对于开发环境的搭建其实影响不大,制作局部上的操作上发生了改变.鉴于此,本文没有必要对windows下搭建STM32开发环境的详细过程进行阐述,读者可以结合Linux下STM32开发环境的搭建和本文进行windows下STM32开发环境的搭建. 2.开发环境描述 硬件开发板:野火STM32开发板 Cortex-M3型号:STM32F103VET6 下载器与调