nodeJs，npm，cnpm，Vue安装及 IDEA 开发Vue项目设置 - 好文

1.安装node.js(官网地址：https://nodejs.org/en/)

无脑式安装及点击下一步，下一步。目前来说nodeJs自带 npm,所以nodeJs安装成功之后npm一会自动安装

2.基于node.js的环境,由于npm的镜像是国外的所以下载安装会很慢，为了加快下载速度，国内互联网巨头阿里就开发啦淘宝镜像以便我们使用。利用淘宝
npm镜像安装相关依赖,cnpm是淘宝的命名所以功能和npm一样。

在cmd里直接输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
，回车，等待安装...

这个期间电脑配置一般的同学，建议还是静观其变不要乱动你的电脑，以免出现死机还得从头再来。

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

在cmd里输入：cnpm install -g vue-cli，回车，等待安装...这个查看版本使用-V 不知道为什么。

4.这样的话Vue项目的物理环境算是搭建好了，可以IDEA拉下你的项目在下面输入命令，在你的本地项目里引入淘宝镜像所需的依赖。等待安装......

5. 安装完成之后在窗口里面输入cnpm run dev 回车运行成功之后，日志会显示要访问的地址

6，这样就完成了，顺便再IDEA 里面在装两个插件nodeJs 和 Vue 两个插件，这样你就可以像配置tomcat时一样配置你的npm启动项目啦。

如果很不幸你启动项目出现下面类似的错误

at normalize (F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\i
ndex.js:7051:13)at formatWithCursor

(F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\i
ndex.js:10370:12)at

F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\i
ndex.js:31115:15at Object.format

(F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\i
ndex.js:31134:12)at Object.module.exports

(F:\WebStormProjects\a9043-blog-mobile\node_modules\vue-loader\lib\t
emplate-compiler\index.js:80:23)

这个是由于镜像所需的一个prettier依赖1.13.0版本有问题你可以更新到最新版本，或者降低版本

npm install --save-dev prettier@1.12.0

npm run dev

若有不同建议或者有问题欢迎留言或者加入我们的菜鸟java群，我们一起学习进步。

热门工具换一换