Vue Cli （脚手架）

　　装Vue脚手架前一定要装Node.js 

1.安装Vue脚手架（ 此是Vue cli2）

//如果安装的是3 的vue cli 卸载脚手架
  npm uninstall -g @vue/cli //卸载3.x版本的脚手架
  npm uninstall -g vue/cli //卸载3.x版本的脚手架
// Vue  Cli 官方网站
　　https://cli.vuejs.org/zh/guide/
// 安装 vue Cli  
　npm install -g vue-cli

2. 创建一个Vue cli 项目（到你要创建项目的位置）

vue int webpack 项目名

 

 

 

 

 

 

 创建成功！

 

 项目的目录结构

vueclidemo    -------- 项目名
　　-build　　　 -------- 用来使用webpack打包使用build
　　-config　　　-------- 用来做整个项目的配置目录
　　-node_modules　　---- 用来管理项目中
　　-src　　　　　-------- 用来书写的vue的源代码  （重点）

　　　  +assets  -----存放静态资源
　　　　+components　　-----书写vue组件
　　　　+router　　　　------配置项目的路由
　　　　+App.vue     -----项目中的根组件
　　　　+main.js　　　-----项目中主人口

　　-static  ------其他静态资源
　　-.babelrc ----- 将es6语法转变成es5运行
　　-.editorconfig ----项目编辑配置文件
　　-.gitignore　　---- git版本控制忽略
　　-.postcssrc.js 
　　-index.html　　----项目的主页
　　-package.json  ---类似于maven的pom.xml文件  依赖文件
　　-package-lock.json --package加锁文件
　　-README.md

 3.访问项目