vue脚手架

脚手架

1.安装webpack

1.什么是webpack
	webpack就是一个打包工具
2. npm i webpack -g
   npm i webpack-cli -g
3.cli:command-line-interface(命令行接口)
4. webpack -v  查看版本

2.安装脚手架

1.npm i vue-cli -g  全局安装脚手架
2.vue -V  查看版本

3.通过脚手架创建项目

1.vue init webpack 项目名称
2.cd 项目名称
3.npm i 或者 cnpm i #安装依赖项
4.npm run dev   #启动项目

4.脚手架目录介绍

-build	#webpack的配置项
-config	#项目的配置项
-dist	#项目打包压缩的文件
-node_modules	#项目中相关的依赖项
-src	#存放你的代码
-static	#静态资源文件css js img 
		注意:
			1.不参与压缩打包
			2.文件引入需要在index.html中
.babelrc	#es6转es5的相关配置
.editorconfig	#编辑器的配置项
.gitignore	#上传到git上需要忽略的文件
.postcssrc.js	#css的相关配置
index.html	#项目中唯一页面
package.json	#项目的相关信息及依赖项的相关信息和版本
README.md	#读我 项目启动的相关指令

src
	-assets #静态资源文件css js img
		注意:
			1.assets静态资源文件参与压缩打包
			2.assets静态资源文件需要在main.js中引入
	-components #公共的组件
	-pages	#你的代码  功能模块
	-utils	#工具类
	-filters #全局过滤器
	-store	#状态管理
	-router #路由
	App.vue	#根组件
	main.js	#唯一入口文件