前端环境搭建

视频举荐: https://www.bilibili.com/vide…

1. 应用 Vue CLI 脚手架创立我的项目

装置 VueCLI cmd 下 : npm install –global @vue/cli-init（应用 npm 要装置了 node.js）npm install –global @vue/cli 能够装置 vue3.0

1. 进入我的项目目录 例如：e：/project

   vue create toutiao-m 创立 vue 我的项目

2. 抉择 Manually 模式 空格抉择（*）
   

   babel : 把 es6 代码转 es6 兼容低版本

   router : 治理我的项目路由

   Vuex : 治理数据的共享数据状态

   CSS pre-processors css 预处理器

   Linter 代码格局规范化

   Use history mode for router？（Requires proper server setup for index fallback in production）

   no

   Pick a CSS pre-processor（PostCSS,Autoprefixer and CSS Modules are supported by default）：

   Less

   Pick a linter formatter config：

   ESLint Standard config

   Pick additional lint features：（Press <space>to select，to toggle all，<i,>to invert selection）

   Lint on save

   Lint and fix on commit

   Where do you prefer placing config for Babel,ESLint,etc.（Use arrow keys）
   In dedicated config files

3. 期待装置 cd toutiao-m，npm run serve
4. 拜访 localhost：8080