Vue环境搭建

Posted 2023-02-27 ￡漫步 云端彡

Node.js环境搭建

Node.js下载链接

Windows环境下选择如图所示，其他环境选择对应安装包即可。以下以Windows为例。若nodejs安装目录为：D:\\project\\vue\\nodeJS。安装配置如下：

1. 点击安装包进行安装
2. 配置环境变量
   找到你的 node.js 安装路径，新建两个⽂件夹：“node_global”、“node_cache”。在CMD中输入如下命令

npm config set prefix "D:\\project\\vue\\nodeJS\\node_global"
npm config set cache "D:\\project\\vue\\nodeJS\\node_cache"

在我的电脑—》⾼级环境配置–〉设置环境变量 中新建：

NODE_PATH = D:\\project\\vue\\nodeJS

然后在path变量中添加以下3个配置

%NODE_PATH%\\;%NODE_PATH%\\node_modules;%NODE_PATH%\\node_global;

3. npm安装淘宝镜像

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

4. 安装@vue脚手架

npm install -g @vue/cli
# 或者
cnpm install -g @vue/cli

5. 检测是否安装成功

vue -V

6. 接下来就可以使用如下命令进行界面是创建Vue项目了

vue ui