vue2.0 vue-cli脚手架初始化项目 尚硅谷VUE项目实战,前端项目-尚品汇(大型\重磅)

尚硅谷VUE项目实战,前端项目-尚品汇(大型\重磅)

网站:

https://www.bilibili.com/video/BV1Vf4y1T7bw?p=3&share_source=copy_web

复制代码
1.vue-cli脚手架初始化项目
 需要安装node + webpack + 淘宝镜像。淘宝镜像下载依赖会好一点。
 node_modules文件夹:项目依赖文件夹
 public文件夹:一般放置一些静态资源(图片),需要注意,放在public 文件夹中的静态资源,webpack进行打包的时候,会原封不动打包到dist文件夹中。
 src文件夹(程序员源代码文件夹):
       assets文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在asset是文件夹里面静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包js文件里面。
       components文件夹:一般放置的是非路由组件(全局组件)。components就是组件的意思。
       App.vue:唯一的根组件,Vue当中的组件(.vue)。在这个文件中快速生成,就是输入vue,然后快捷键,就快速生成了。
       main.js是程序的入口文件。也是整个程序当中最先执行的文件
babel.congig.js:配置文件(babel相关),配置文件不碰。babel可以理解为一个翻译官。会兼容性更好。。
package.json文件:认为是像项目身份证,记录项目叫做什么?项目中有哪些依赖?项目怎么运行?
package-lock.json:缓存性文件,项目中下载的文件,有的第一次下载很慢,之后下载很快,就是因为这个文件。
READNE.md文件:就是说明性的文件。
vue基础课程要看。

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 选第一个,用的是vue2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
复制代码

 

posted on   xiaoluoke  阅读(428)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示