vue+nodejs前端环境介绍

理一理 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