node.js + npm + vue.js + webstorm

先介绍一下用cmd 命令行建的vue项目

太懒了，给原文.

---

再介绍一下怎么用webstorm建项目

（确定在建项目之前 已配置好环境变量）
假设我装在G盘，则在系统变量的path中增加以下3条：

G:\Program Files\nodejs\node_modules
C:\Users\LC\AppData\Roaming\npm
G:\Program Files\nodejs

1. 用webstorm new一个project
2. 进入project，调出webstorm的终端（Terminal）
3. （已安装过全局脚架 vue-cli 的忽略此步骤）
   Terminal 输入

// 淘宝的镜源，会快非常多
npm install --global vue-cli --registry=https://registry.npm.taobao.org

再在系统环境变量的path中增加一条：

G:\Program Files\nodejs\node_global

4. 执行webpack
   Terminal 输入

vue init webpack

不需要：

vue init webpack my-project

如果输入了，那么会在你的project的名称下还会有个my-project文件夹包含所有的东西（文件）。

5. 安装依赖
   Terminal 输入

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

6. run
   Terminal 输入

npm run dev

---

弄了一天各种想死的心得和解决方法：

若果你先学用cmd建的项目，如果想用webstorm打开并处理文件内容，那么，请别移动项目的路径，否则：

npm报错.png

看见：

Failed at '你的项目名称'@1.0.0 dev script 'node build/dev-server.js

都烦了，各种调试各种百度，无果。
百度上很多人说要改改端口号，避免使用了被占用的端口。改index.html文件中的端口号，以及命令变成：

npm run dev --port XXXX        //XXXX表示你要改的端口号

但最后也没效果。

后来，干脆不挪了，直接用webstorm open原本用cmd在桌面建的项目，用webstorm的terminal运行，居然行了。

再不行就 kill 端口：

netstat -ano|findstr 8080

taskkill /pid ???? /f                          // (????是上条命令后显示的pid号)

治标不治本，以后会继续寻找 挪了位置也没有影响的方法。加油↖(^ω)↗