windows环境搭建node.js Vue开发环境

 2022-02-20    727  

一:安装node.js

下载地址:

官网:https://nodejs.org/en/download/

所有版本:https://nodejs.org/en/download/releases/

下载完毕后,可以安装node,建议不要安装在系统盘(如C盘下)

双击node-v9.6.1-x64 运行,安装方式如下图:

1.png

二、设置nodejs prefix(全局)和cache(缓存)路径

1、在nodejs安装路径下,新建node_global和node_cache两个文件夹

7.png

2、设置缓存文件夹

npm config set cache "D:\77isp\nodejs\node_cache"

设置全局模块存放路径

npm config set prefix "D:\77isp\nodejs\node_global"

8.png

三、基于 Node.js 安装cnpm(淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org

四、设置环境变量(必须做)

右键计算机属性-->高级系统设置-->高级-->环境变量

新建一个变量名NODE_PATH

变量值:D:\77isp\nodejs\node_modules; 

11.png

编辑PATH变量

12.png

在最后增加;D:\77isp\nodejs\node_global;

13.png

然后确定保存好即可

五、安装Vue

cnpm install vue -g

14.png

六、安装vue命令行工具,即vue-cli 脚手架

cnpm install vue-cli -g

15.png

这样环境就已经安装完毕了,下面咱来测试一下

七、新项目的创建

cd到新创建的项目文件夹下

16.png

创建新项目

vue init webpack-simple mytest

17.png

安装工程依赖模块

cnpm install

18.png

运行该项目

cnpm run dev

测试成功!

原文链接:https://77isp.com/post/50.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。