nodeJs,npm,cnpm,Vue安装及 IDEA 开发Vue项目设置
1.安装node.js(官网地址:https://nodejs.org/en/)无脑式安装及点击下一步,下一步。目前来说nodeJs自带 npm,所以nodeJs安装成功之后npm一会自动安装2.基于node.js的环境,由于npm的镜像是国外的所以下载安装会很慢,为了加快下载速度,国内互联网巨头阿里就开发啦淘宝镜像以便我们使用。利用淘宝 npm镜像安装相关依赖,cnpm是淘宝的命名所以功能和np
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 prettier@1.12.0
npm run dev
如有披露或问题欢迎留言或者入群探讨
更多推荐
所有评论(0)