先介绍一下用cmd 命令行建的vue项目
太懒了,给原文.
再介绍一下怎么用webstorm建项目
(确定在建项目之前 已配置好环境变量)
假设我装在G盘,则在系统变量的path中增加以下3条:
G:\Program Files\nodejs\node_modules
C:\Users\LC\AppData\Roaming\npm
G:\Program Files\nodejs
- 用webstorm new一个project
- 进入project,调出webstorm的终端(Terminal)
- (已安装过全局脚架 vue-cli 的忽略此步骤)
Terminal 输入
// 淘宝的镜源,会快非常多
npm install --global vue-cli --registry=https://registry.npm.taobao.org
再在系统环境变量的path中增加一条:
G:\Program Files\nodejs\node_global
- 执行webpack
Terminal 输入
vue init webpack
不需要:
vue init webpack my-project
如果输入了,那么会在你的project的名称下还会有个my-project文件夹包含所有的东西(文件)。
- 安装依赖
Terminal 输入
npm install --registry=https://registry.npm.taobao.org
- run
Terminal 输入
npm run dev
弄了一天各种想死的心得和解决方法:
若果你先学用cmd建的项目,如果想用webstorm打开并处理文件内容,那么,请别移动项目的路径,否则:
看见:
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号)
治标不治本,以后会继续寻找 挪了位置也没有影响的方法。加油↖(ω)↗