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\index.js:7051:13)at formatWithCursor

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

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

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

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

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

npm install --save-dev [email protected]

npm run dev

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


猜你喜欢

转载自blog.csdn.net/qq_39470733/article/details/80496404