安装 node.js 和 vue 环境

Posted 张学徒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安装 node.js 和 vue 环境相关的知识,希望对你有一定的参考价值。

Window 10
node.js 8.1.0

安装

下载安装 node.js:https://nodejs.org/en/download/

点击安装包进行安装,一直点下一步即可。安装完成后,按 win + r 键,输入 cmd 回车。

输入 npm -v 验证看看是否安装成功

出现版本号,没有报错即是安装成功。

npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

查看 npm 本地仓库

npm list -global

可以看到仓库位置在 C:\\Users\\z\\AppData\\Roaming\\npm

配置完成后,安装个module测试下 执行

npm install express -g
  • -g 是全局安装

安装淘宝镜像(cnpm)

npm 是 国外的服务器,所以出现下载慢或者出现异常

cnpm则是淘宝团队做的npm的镜像,解决上述问题,目前10分钟更新一次

保证与官服同步。其操作方式用 npm一致。安装:

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

安装成功后 运行 cnpm -v 命令

cnpm -v

如果执行后出现

cnpm - 解决 " cnpm : 无法加载文件 C:\\Users\\z\\AppData\\Roaming\\npm\\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息 。。。 "

就按下 win 键,输入 powershell

点击右侧的“以管理员身份运行”,打开后输入

set-ExecutionPolicy RemoteSigned

然后输入更改权限为:A

通过命令 get-ExecutionPolicy 查看当前的状态

即可使用

安装全局vue

执行命令:

npm install -g vue

安装 vue脚手架

命令:

cnpm install @vue/cli -g #(最新版本)
#cnpm install vue-cli -g(不是最新版本)

至此环境已搭建好

参考:

以上是关于安装 node.js 和 vue 环境的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js项目的开发环境搭建与运行

vue.js 2.0 --- 安装node环境和脚手架(入门篇)

vue.js环境在window和linux安装

vue.js 开发环境搭建

Node.js/Vue环境搭配安装

vue 安装教程(如何在node环境下搭建vue项目)