Win10+Vue环境配置

Posted on 2023-01-11 19:23  Capterlliar  阅读(229)  评论(0编辑  收藏  举报

发现前年写的代码是答辩,决定试试Vue

1. 下载npm

npm 是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。

下载地址

安装的时候什么选项都不用勾选。

2. 修改扩展下载全局地址:

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

其中nodejs为安装nodejs的路径,node_global为下载扩展的路径。

修改源为淘宝镜像:

npm config set registry https://registry.npm.taobao.org

修改环境变量:

将个人用户中的Path中默认在C盘的npm修改为D:\nodejs\node_global

系统变量新建NODE_PATH,值为D:\nodejs\node_global

3. 然后以管理员身份运行cmd,安装相关包:

npm install vue -g
npm install vue-cli -g
npm install vue-router -g
npm install webpack -g

4. 新建项目

将当前路径切换到项目的父文件夹,然后以管理员身份执行:

vue init webpack 项目名称
npm install

运行新建的项目:

vue run dev

 

 

 

 

 

 

 

 

 

 

运行成功。