1】第一步:下载nodejs
中文官网:
https://nodejs.org/zh-cn/download/
2】第二步:解压上面下载的压缩包,然后在安装目录下新建两个文件夹 node-cache 和 node-global
这里要注意一定要在解压缩包当前目录里打开cmd窗口:否则是没有npm命令的;
cmd执行,配置NPM全局模块路径和cache默认安装位置
npm config set cache "D:\CodeTools\node-v10.15.3-win-x64\node-cache"
npm config set prefix "D:\CodeTools\node-v10.15.3-win-x64\node-global"
3】第三步:修改配置环境变量
在桌面右键我的电脑(或计算机)---属性 ---高级系统设置----环境变量----
添加NODE_HOME : D:\CodeTools\node-v10.15.3-win-x64
path添加: ;%NODE_HOME%;%NODE_HOME%\node-global;
4】第四步:修改npm镜像为taobao,官网https://npm.taobao.org
因为npm服务器在国外下载慢
执行:
--直接用淘宝的cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
--替换npm镜像地址
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
注意执行这个命令,黑窗口还是在你的nodejs 安装根目录,就是你上边一致执行的窗口;
执行完毕,关闭黑窗口命令;
5】第5步:安装yarn
快速安装
//在NPM 中安装 npm install -g yarn
6】第六步:配置yarn镜像
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
7】第七步:安装Vue cli3
yarn global add @vue/cli
--查看vue 版本
vue --version
8】第八步 Vue cli3 启动GUI创建项目向导
vue ui
执行命令后,浏览器自动打开 Vue cli3 启动GUI创建项目向导
然后可以自行创建项目,或者导入已有的vue项目, GUI可搜索项目所需插件
好了,环境搭建完毕,记录vue学习过程。
安装与卸载vue cli3
npm install -g @vue/cli
npm uninstall -g @vue/cli
yarn global add @vue/cli
yarn global remove @vue/cli
安装 electron
npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"
项目内安装:
npm i --save-dev electron