vue windows搭建开发环境

标签：lin   str   去掉   tps   选择   blog   ack   目录   vue-cli   

系统要求： 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 写的很赞很详细

vue windows搭建开发环境

标签：lin   str   去掉   tps   选择   blog   ack   目录   vue-cli   

原文地址：http://www.cnblogs.com/kevin1987/p/7988029.html