此笔记归纳整理webstorm搭建vue项目，仅作记录使用。

一、安装Webstorm

1、双击运行安装包

2、设置安装路径

3、按需选择

4、安装

5、运行

6、激活

  网上有很多激活码，以下链接仅供参考，目前还能不能激活成功不保证。
  https://www.ajihuo.com/webstorm/4188.html

二、安装node.js

1、双击运行安装包

  下载官网：nodejs官网

  若双击无法运行，则Win键+R键，输入services.msc

  点击windows installer，单击右键点击启动

  以管理员身份打开cmd，进入msi文件安装路径中
  输入msiexec/package 文件名.msi

2、设置安装路径

3、验证安装

  Win键+R键，输入cmd，然后回车，打开命令行界面
  进入命令提示符窗口，分别输入以下命令，显示版本号，则安装成功。

node -v        显示安装的nodejs版本
npm -v         显示安装的npm版本

4、修改全局模块下载路径

  这一步自己选择是否需要

  在安装的文件夹的"D:\work\nodejs"下创建两个文件夹node_global及node_cache

Win键+R键，输入cmd，打开命令行界面，输入下面命令

npm config set prefix "D:\work\nodejs\node_global"
npm config set cache "D:\work\nodejs\node_cache"

  修改系统环境变量：
  将【用户变量】下的【Path】修改为"D:\work\nodejs\node_global"，之后点击确定。

  在【系统变量】下新建【NODE_PATH】“D:\work\nodejs\node_modules”

  在【系统变量】下的【Path】新建添加node全局文件夹"D:\work\nodejs\node_global"


  nodejs下载的模块就会自动下载到自定义的目录"D:\work\nodejs\node_global"

  验证是否成功：

 npm install express -g

  下载成功，返回自定义的目录"D:\work\nodejs\node_global"

  下载的express模块成功下载到全局的指定目录。

5、更换npm源

  npm 默认的源 registry ,下载 npm 包时会从国外的服务器下载，国内很慢

  查看初始npm源：

npm config get registry

  更换镜像为淘宝镜像：

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

  再次查看npm源：

6、全局安装基于淘宝源的cnpm

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

  查看cnpm是否安装成功：

cnpm -v

三、安装webpack

cnpm install webpack -g

  查看webpack 是否安装成功：

webpack -v

四、安装vue-cli

cnpm install --global vue-cli

  查看vue-cli是否安装成功：

vue -V

五、添加npm到Webstorm

  查看npm是否配置成功：

node -v

六、安装Git

1、双击运行安装包

2、设置安装路径

  一直next就好。

3、验证安装

  安装成功之后，桌面右击，出现Git既为安装成功。

七、Git上拉取项目

八、参考

• https://blog.csdn.net/qq_48485223/article/details/122709354