vue+nodejs前端环境介绍

本文深入探讨了前端开发中常用的工具和技术,包括npm、yarn的使用,package.json的配置,以及Vue项目的目录结构。同时,介绍了在服务器上部署前后端分离项目的方法,并解决了跨域问题。还详细讲解了webstorm的HTML代码补全技巧,为前端开发者提供了实用的指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

理一理 npm, yarn, package.json, pakage-lock.json, yarn.lock 之间的关系 (一)

npm

https://www.jianshu.com/p/5ecdce174a97

 

yarn

https://www.jianshu.com/p/9ae748598f1a

 

新建vue工程

https://www.jianshu.com/p/02b12c600c7b

 

VUE目录树:

https://www.runoob.com/vue2/vue-directory-structure.html

 

如何在服务器上部署一个前后端分离的项目并解决跨域问题

https://blog.youkuaiyun.com/TateBrwonJava/article/details/80373913

 

springboot vue集成

https://blog.youkuaiyun.com/kenticocrack/article/details/86062611

 

webstorm 的HTML代码补全

1.p
例:输入p 按Tab键,===>   <p></p>

2.p#id
例:p#addr 按Tab键,===>   <p id="attr"></p>

3.p.class
例:p.addr 按Tab键,===>   <p class="attr"></p>

4.p[属性]
例:p[a=attr] 按Tab键,===>   <p a="attr"></p>

5.p{包含的内容}
例:p{显示的内容} 按Tab键,===>   <p>显示的内容</p>

6.标签>子标签
例:div>p (代表p是div 的子元素)按Tab键,===>
<div>
   <p></p>
</div>
7.标签+标签
例:div+p (代表p和div 是同级元素)按Tab键,===>
<div></div>
<p></p>

8.重复N个标签(块)*数字
例:div>p*3   按Tab键,===>
<div>
   <p></p>
   <p></p>
   <p></p>
</div>

9.标签属性自动编号,使用符号$
例:div#id$.class$$*3  按Tab键,===>
<div id="id1" class="class01"></div>
<div id="id2" class="class02"></div>
<div id="id3" class="class03"></div>
10.以上进行排列组合

例:html:5
ul.menu>li*6>a[href=#]{显示内容$}
 

 

webstorm开发vue项目

https://www.jianshu.com/p/e57d5844729c

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值