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 写的很赞很详细

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值