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