1、安装node.js

1.1 下载node地址

2.创建全局安装目录和缓存日志目录

在node的安装目录下,创建node_cachenode_global的两个文件夹,用于配置npm的全局模块目录缓存目录

打开doc,执行以下命令进行配置

npm config set prefix "D:\node\node_global"

npm config set cache "D:\node\node_cache"

查看是否 配置成功

npm config list

ps:为了下载速度,修改源为淘宝镜像

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

3.配置环境变量

在安装过程中,自动配置了两个环境变量一个是环境变量---用户变量---Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量---系统变量---Path里面的软件安装目录,我们需要增加和修改一下。

 1. 环境变量修改

2.环境变量---系统变量---新建

变量名:NODE_PATH

变量值:D:\node\node_global\node_modules

 3.系统变量---Path添加上%NODE_PATH% 

安装git

git 地址

 4.安装vue和相关

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

ps:这个时候打vue -v 报vue不是内部命令,因为你还要安装cli

5.安装webpack

npm install webpack -g

遇到的问题

没有权限全局安装,需要切换管理员身份

win+s 搜索 “命令提示符” 右键点击选择管理员身份运行

 

6.创建一个基于webpack模板的vue应用程序

vue init webpack 项目名称

安装依赖

npm install

 运行

npm run dev

ps:有时候会报错或者安装失败,可能是权限的原因,用管理员身份运行一下

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐