vue windows搭建开发环境

系统要求: win10 64位

淘宝镜像:https://registry.npm.taobao.org

根路径:我的默认为 D:\

以下安装我默认node安装目录为node-install , 百度出来的一般安装文件夹为nodejs ,请按照自己要求自己更改

一:windows安装node 和 npm
node.js官网下载windows版本node安装包,点击安装

安装时选择安装路径为 根路径\node-install

安装完成后,通过cmd进入dos命令窗口,执行 node -v , npm -v 可以看到安装版本

在安装目录(根目录/node-install)创建node_global 、node_cache 两个文件夹

npm config set prefix "d:\node-install\node_global"
npm config set cache "d:\node-install\node_cache"

设置npm镜像

npm config set registry https://registry.npm.taobao.org

设置系统变量:

NODE_PATH 根路径\node-install\noge_global\node_modules

系统变量追加

PATH 根路径\node-install

用户变量变更

PATH 去掉xxxx\xxx\xxx\npm
换成 根路径\node-install\node_global

二:安装vue-cli包
npm install vue-cli –g

三:安装webpack包
npm install webpack –g

四:通过vue-cli创建项目
通过dos命令窗口切换到你想创建项目的目录 例如:d:\vue-project
执行如下命令

vue init webpack vue-example-js

六:启动应用
切换到vue-example-js目录,执行如下命令

npm run dev

七:通过页面访问样例
http://localhost:8080/#/

八:停止应用
通过ctrl-c 退出dos应用
应用不会立即退出,可以手动杀进程,执行第九步

九:杀应用进程
查找端口

netstat -ano|findstr "8080"

执行结果如下(会有多个)

TCP 0.0.0.0:8080 0.0.0.0:0 LISTENING 10300

最后一列即为进程号
对多个进程号分别执行下述命令

taskkill /F /PID 10300

基于linux开发vue可参考刘峰峰文章:http://blog.csdn.net/column/details/17076.html 写的很赞很详细

时间: 2024-10-22 18:35:50

vue windows搭建开发环境的相关文章

应用一:Vue之搭建开发环境

简单分享下vue项目的开发环境搭建流程~ 1.安装nodeJS vue的运行是要依赖于node的npm的管理工具来实现,下载地址https://nodejs.org/en/.安装完成之后以管理员身份运行cmd, 输入node -v,查看node版本号,出现版本号则说明安装成功. 2.安装淘宝npm镜像 由于npm是国外的使用速度较慢,所以我们需要安装使用淘宝的cnpm镜像命令来管理工具.安装命令如下: npm install -g cnpm –-registry=https://registry

基于webpack和vue.js搭建开发环境

前言 在对着产品高举中指怒发心中之愤后,真正能够解决问题的是自身上的改变,有句话说的好:你虽然改变不了全世界,但是你有机会改变你自己.秉承着“不听老人言,吃亏在眼前”的优良作风,我还是决定玩火自焚. 问题所在 之前的项目总结为以下内容: 1.AMD模块规范开发,使用requirejs实现,使用rjs打包,最终导致的结果是,输出的项目臃肿,肿的就像一坨狗不理……不忍直视2.使用gulp进行打包,这一点貌似没有可吐槽的地方,毕竟都是被grunt折磨过来的……3.数据的渲染使用模板引擎,这就意味着你要

vue.js:搭建开发环境及构建项目

发环境的搭建 安装node.js 直接下一步就好, 注意安装的位置 Node.js官网:https://nodejs.org/en/ 验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口.输入node -v即可得到对应的Node.js版本. npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm. 输入npm -v可得到npm的版本. 注意npm的版本需要在3.0.0以上版本,所以,如果npm的版本小于3.0.0

[图解]Windows下使用Zend Studio 10和XAMPP 1.8搭建开发环境,ZendFramework 2 HelloWorld

1.下载并安装 ZendStudio,搜一个破解版 XAMPP,官网下载:https://www.apachefriends.org/index.html 2.打开ZendStudio新建一个php项目 菜单:"File"->"New"->"Project..."打开新建项目对话框,选择"PHP"->"Local PHP Project" 如图,选中"Zend Framework

Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境

原文:Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境 Windows 10 IoT Core 是微软针对物联网市场的一个重要产品,与以往的Windows版本不同,是为物联网设备专门设计的,硬件也不仅仅限于x86架构,同时可以在ARM架构上运行. The Raspberry Pi Foundation 是英国一个致力于科技推广的慈善组织,为广发爱好者和DIY科技迷开发了搭载ARM架构处理器的 mini 电脑 Raspberry Pi 并获得了成功.而微软最新发

GJM : Unity3D HIAR -【 快速入门 】 二、搭建开发环境

感谢您的阅读.喜欢的.有用的就请大哥大嫂们高抬贵手"推荐一下"吧!你的精神支持是博主强大的写作动力以及转载收藏动力.欢迎转载! 版权声明:本文原创发表于 [请点击连接前往] ,未经作者同意必须保留此段声明!如有问题请联系我,侵立删,谢谢! 我的博客:http://www.cnblogs.com/GJM6/  -  主页传送门:[点击前往]    HIAR导航目录:[传送门] 搭建开发环境 要使用 HiAR SDK for Unity 进行开发,请安装下列软件并进行相关配置. Unity

Android开发系列之搭建开发环境

接触Android好久了,记得09年刚在中国大陆有点苗头的时候,我就知道了google有个Android,它是智能机操作系统.后来在Android出1.5版本之后,我第一时间下载了eclipse开发工具.adt以及android sdk,体验了一把android开发,记得当时搭建开发环境相当麻烦.由于android开发是基于Java的,所以除了上述的工具之外,首先需要安装jdk,记得当时流行的是jdk1.5(后来是1.6,现在是1.7,未来是1.8),安装好之后需要设置环境变量. 时隔4年之后,

C#程序员学习Android开发系列之搭建开发环境

接触Android好久了,记得09年刚在中国大陆有点苗头的时候,我就知道了google有个Android,它是智能机操作系统.后来在Android出1.5版本之后,我第一时间下载了eclipse开发工具.adt以及android sdk,体验了一把android开发,记得当时搭建开发环境相当麻烦.由于android开发是基于Java的,所以除了上述的工具之外,首先需要安装jdk,记得当时流行的是jdk1.5(后来是1.6,现在是1.7,未来是1.8),安装好之后需要设置环境变量. 时隔4年之后,

Window上python 开发--1.搭建开发环境

其实在开发python最好在ubuntu环境下,简单也便于扩展各个package.但是我的linux的电脑暂时不在身边.还的我老婆的电脑win7没办法啊. 由于python的跨平台性.在windows下和ubuntu下基本上没什么差别.下面从几个不步骤来搭建开发环境. 下载安装python.2.6. python有2.6的版本和3.x版本,建议还是使用python-2.6.x 版本,因为python的各大框架都支持2.6版本,但是不支持3.x版本. 例如简介并且功能强大的webpy 就不支持3.