点击安装 安装时选择安装路径为 根路径\node-install 安装完成后

时间:2021-10-13 07:59:26

系统要求: 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搭建开发环境