【混合开发】 - 3、初始化项目

1、创建项目

1. 使用@vue/cli创建项目 : vue create 项目名

2. 需要我们自己选择预设是默认 还是自定义
   

3. 选择项目需要的功能
   

   bable – 帮我们把js代码进行降级，比如es6代码编译成es5
   PWA – 渐进式的增强web应用
   Linter / Formatter – 代码风格检测工具

4. 是否需要history模式的路由- Y
   

• Requires proper server setup for index fallback in production当使用history模式的路由的时候，需要为生产环境中路由配置上一个正确服务器支持

5. 选择代码检测风格当配置 – ESLint + Standard config 选择标准当代码检测模式
   
6. 代码检测是在保存当时候，还是commit的时候 – 保存的时候
   
7. babel 等工具的配置文件，我们把他存放到哪，放到各自的配置文件中，还是放到package.json里 – 放到各自的配置文件中
   
8. 是否将这些配置保存为以后的预设配置 - Y，然后起个名字
   

2、组件化开发

• 组件化开发是一种思想
• 程序中每个页面都由多个组件构成，每个组件具备一定都能力 和 约束

就像菜单toolBar，
能力：

1. 点击菜单会切换选中状态–自己内部都交互；
2. 切换菜单后要通过回调，告诉父组件，按钮都点击状态

约束：

1. 我们不会去限制组件位置，一般都是在哪引用就在哪显示

3、vue-cli中使用scss

安装node-sass 和 sass-loader

cnpm i node-sass sass-loader -D