系统要求: 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
七:通过页面访谒样例
: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可参考刘峰峰文章: 写的很赞很详细
vue windows搭建开发环境