在IDEA中对vue项目第一次导入需要的操作

在IDEA中对vue项目第一次导入需要的操作

刚开始接触Vue的小白，在第一次用IDEA导入Vue项目时遇到了一些问题，成功导入后整理了一下我个人成功操作的步骤，小白的文章仅供参考

第一步：open项目，不要用import

第二步：点击file，settings(我这里用的是中文版的，就点击文件，设置就行

第三步：进入settings（设置）之后选择plugins（插件），搜索Vue，点击install或者安装

第四步：搭建node.js环境.

node.js官网

全部下一步就好.

检测安装成功与否：

1.以管理员的身份运行CMD：
输入

node -v

如果出现版本号，说明安装成功

2.直接输入

npm -v

会显示npm版本信息

第五步：安装cnmp（以管理员方式运行）

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

第六步：安装vue-cli脚手架构建工具（以管理员方式运行）

cnpm install -g vue-cli

等待安装结束就可以

第七步：构建运行项目

vue init webpack frontend

运行命令初始化的时候会让用户输入几个基本的信息，如项目名称等，直接回车默认即可

第八步：进入package.json中，安装cnpm

cnpm install

第九步：在run（运行）点击edit configurations（编辑配置）配置，添加一个npm

最后一步：运行vue项目

npm run dev

待它编译加载完成就可以了_(￣▽￣)*