vue脚手架的创建及使用（1）

脚手架的创建

1.全局安装
 npm install -g @vue/cli
 yarn global add @vue/cli
2.检测版本
vue -V
3.创建脚手架
 vue create .（“.”代表在当前目录下创建）

接下来进行一些相关配置

1. Generate project in current directory?
在当前目录生成项目
y 回车

2.选择Manually select features
按方向键切换

 3.选择希望安装的模块
  babel      //解析es6的语法
  CSS Pre-processors     //css的预处理语言
  linter     //检查代码规范
  按空格键选择

4.希望创建的版本
选择2.X

5.希望安装哪一个预处理语言
选择node-sass(比较稳定)

6.选择eslint的风格
 eslint + standard config

7.pick additional lint features 
//代码有问题后续是否可以修复代码
加选上lint  and  fix  on  commit

8.where do you prefer placing config for babel 
//希望放在pack.json  还是生成额外的文件 
选择 in  dedicated config  files

9.save this as a preset for future projects
//是否保存预设
y 回车

10. save preset as
//加一个预设的名字

11. Pick the package manager to use when installing dependencies: (Use arrow keys)
//选择你想使用的包管理器

运行

yarn/npm serve

简单介绍

1.babel.config.js //此文件可以配置插件
2…gitignore //提交githup时不需要提交的文件
3. public //单页文件，只有一个index.html
4. src中的main.js //入口文件
5. src中的后缀为.vue的文件 //单文件组件，包括模板、脚本、样式
在export default 中写组件里的配置项
template里的内容直接将index.html里的相同id替换掉