vue.js 开发环境搭建

Posted godoforange

tags:

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

一、NODEJS的安装

Node.js安装包及源码下载地址为:https://nodejs.org/en/download/

技术图片

 二、NODE.JS的环境变量的新建。

    其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装根目录,在当中新建“node_global”和”node_cache”两个文件夹。

1、 启动cmd依次执行以下两条命令

  npm config set prefix ” D:\soft\nodejs\node_global“
  npm config set cache ” D:\soft\nodejs\node_cache“

2、 设置环境变量

  说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径

  1.鼠标右键”此电脑”,选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。

  2.点击环境变量弹出下列对话框:

  3.新增系统变量NODE_PATH:把变量值设置成“D:\soft\nodejs\node_global\node_modules” (这样就可以把后面全局安装的装到global里并且可以直接用命令使用。)

4. 修改用户变量PATH:选中PATH,点击编辑,把“D:\soft\nodejs\node_global;”加到前面

技术图片

三、打开WEBSTORM

技术图片

一直next

技术图片技术图片

搭建结束

以上是关于vue.js 开发环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

Vue开发环境的搭建

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

vue.js 开发环境搭建

windows下vue.js开发环境搭建教程

vue.js开发环境搭建

vue.js开发环境搭建