IntelliJ IDEA构建前端项目
-
点击 Create New Project
image.png -
选择 Static Web -> Vue.js，点击 next
image.png -
此处可以选择 CLI 的版本
image.png
注意 Project location 需要输入到项目文件夹一级而不是 workspace。输入完成后点击 Next，等待 Vue CLI 初始化。
- 左下角找到
Terminal执行cnpm install(使用npm,则为npm install)
image.png - 运行完成后，输入
cnpm run serve即可。
image.png -
还可以在 package.json 文件上点击右键，选择 show npm scripts
image.png
然后就会出来 npm 命令窗口，想要执行哪个命令直接双击运行就可以了。
image.png
这些命令都是在 package.json 文件里预定义的。
另外使用这种方法，可以激活 IDE 右上角的按钮。
image.png -
点击下面链接或者复制到浏览器打开
image.png
就可以看到vue项目。
image.png
