您的位置:首页 > 产品设计 > UI/UE

vue windows搭建开发环境

2017-10-25 18:22 411 查看

安装要求

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[/code] 
设置系统变量:

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 写的很赞很详细
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  nodejs 64位 windows 安装