使用vue2创建项目
1.打开终端,win+r打开输入cmd
下载node.js,查看node.js版本
2.安装vue-cli脚手架npm install -g @vue/cli
根据提示创建配置项目
参考来源:https://blog.csdn.net/qq_42040242/article/details/130748414
项目描述
- node+webpack+淘宝镜像 node_modules文件夹:项目依赖文件夹
- public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件夹中的静态资源webpack进行打包的时候,会原封不动打包到dist文件夹中。
- src文件夹:程序源代码文件夹
- assets文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在assets文件夹里面静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包js文件里面。
- components文件夹:一般放置的是非路由组件(全局组件) App.vue:唯一的根组件,vue当中的组件(.vue)
- Main.js:程序入口文件,也是整个程序当中最先执行的文件 babel.config.js:配置文件(babel相关)
- package•json文件:作为项目’身份证,,记录项目叫做什么、项目当中有哪些依赖、项目怎么运行。
- package-lock.json:缓存性文件
- README.md:说明性文件