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 写的很赞很详细
相关文章推荐
- vue.js windows 下开发环境搭建
- windows下搭建vue开发环境
- Windows下Vue开发环境搭建及相关问题
- Windows环境下搭建Vue的开发环境
- Windows下面Vue开发环境搭建
- 浅谈windows下搭建Vue.js开发环境
- windows下搭建vue+webpack的开发环境
- Windows下Vue开发环境搭建及相关问题
- Windows环境搭建VUE前端开发环境-安装VUE+webpack
- windows下搭建VUE开发环境
- windows下搭建vue开发环境+IIS部署 [转]
- 【原创】windows下搭建vue开发环境+IIS部署
- windows环境下搭建vue+webpack的开发环境
- windows下搭建vue开发环境+IIS部署
- windows下搭建vue开发环境
- windows下vue.js开发环境搭建教程
- windows环境下搭建vue+webpack的开发环境
- windows下搭建VUE开发环境
- Windows环境搭建VUE前端开发环境-安装NodeJS
- Windows环境搭建VUE前端开发环境-项目新建与调试