webstorm vue开发配置方式
更新时间：2025年04月28日 15:28:32 作者：zhaocarbon
这篇文章主要介绍了webstorm vue开发配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
webstorm vue开发配置
1.安装NODE.JS
nodejs.org,下载nodejs的安装程序，一路安装完成
2.安装淘宝镜像（类似于阿里云的maven中央仓库镜像）
废话少说，国外用的是npm,但是国内这个尿性，用淘宝的镜像吧：打开终端，下面的复制粘贴回车
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成 。
终端回车以下命令验证安装
cnpm -v
3.安装webpack
利用cnpm安装webpack 命令行语句为cnpm install webpack -g 。时间略长。
测试安装成功的界面如下：
4.接下来就是全局安装vue-cli
时间略长
安装语句为：cnpm install --global vue-cli
验证命令：vue -V (V要大写)
5.下面开始使用WebStorm
重要的一点，想用WebStorm创建项目得安装git。
安装很简单，官网找到下载安装即可，否则可能出现安装不了的情况
红色为新建的顺序，绿色为node.js地址（装好了会自动寻找），蓝色为vue.js包的地址，黄色为打包所用的打包模块
填写项目名，注意项目名中不能包含大写字母。
一直点下一步就可以了，项目结构
选中package.json 右键选择 show npm scripts
选择dev双击 即可进行测试。开启成功后会出现默认的端口，赞帖到浏览器中打开，出现下面页面就是成功啦。
这样一个vue项目就创建成功了,如果右下角出现 npm install的提示，不要点击安装。
采用cnpm的手动安装方式进行安装。npm太慢了。
命令行cd 到项目目录,你会发现没有node_modules文件夹，此时手动cd到此目录，执行cnpm install命令，完成后，就会出现此文件夹。
再进行运行，搞定
cd /d xxxxxx
执行
cnpm install
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
props 主要用于父组件向子组件通信,再父组件中通过使用:msg='msg'绑定需要传给子组件的属性值,然后再在子组件中用props接收该属性值,这篇文章主要介绍了vue3的组件通信&v-model使用,需要的朋友可以参考下2024-05-05
下面小编就为大家带来一篇vue2.X组件学习心得(新手必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了vue清空form对象的方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了vue3.0父子传参,子修改父数据的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本文主要介绍了Vue实现模糊查询搜索功能的步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-10-10
这篇文章主要介绍了封装一个Vue文件上传组件案例详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
这篇文章主要介绍了Vue实现前端页面缓存的过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
本文介绍基于Vue3的媒体预览组件,支持图片与视频预览,具备缩放、旋转、拖拽功能,采用ElementUI Dialog容器,通过计算属性实现动态样式,优化拖拽性能,自动调整方向,便于集成使用2025-08-08
这篇文章主要介绍了mockjs+vue页面直接展示数据的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
vue项目如何引入element ui、iview和echarts
这篇文章主要介绍了vue项目如何引入element ui、iview和echarts，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最新评论