idea中vue环境搭建及项目构建

idea中node环境搭建

1. 到官网下载node客户端，点击安装，选择安装路径，其他全部默认即可。

2. 查看node和npm版本:node -v && npm -v

3. idea中环境配置：

   • 如果在Terminal中无法执行node相关命令，点击Alt+Ctrl+S -> Settings -> Tools -> Teminal ,然后修改shell-path为本地cmd.exe所在位置（C:\Windows\System32\cmd.exe）。
     
   • 安装vue.js:File -> Settings -> Plugins -> Browse respositoties,搜索vue.js，点击安装。

4. 安装vue-cli:npm -install -g vue-cli

5. 进入需要构建vue项目的目录，运行vue init webpack project-name，如果要指定版本则运行vue init webpack#版本号 project-name。

6. 根据提示，分别输入项目名称、描述、作者等

7. 进入项目所在目录，执行npm run dev运行项目

参考资料：Intellij IDEA搭建vue-cli项目