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 2022-06-01 11:01  xiaoluoke  阅读(410)  评论(0编辑  收藏  举报

导航