解压版node、yarn及vue环境安装

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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值