002_vue-cli4（vue脚手架）创建项目

001_vue-cli4（vue脚手架）创建项目(h3)

vscode终端：

• vue create vue_001(输出该命令后回车)
  

• Please pick a preset:(下方向键选着Manually select features选项后回车)

  • Manually select features

• Check the features needed for your project:(同上，这行是问题，下面对应问题的选项)

  • Babel
  • Router
  • Vuex
  • CSS Pre-processors
  • Linter / Formatter

• Use history mode for router?(同上)

  • n

• Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):(同上)

  • Sass/SCSS (with node-sass)

• Pick a linter / formatter config: (同上)

  • ESLint + Prettier

• Pick additional lint features: (同上)

  • Lint on save

• Where do you prefer placing config for Babel, ESLint, etc.?(同上)

  • In dedicated config files

• Save this as a preset for future projects?(同上)

  • n

• 项目创建成功
  

002_配置项目的基本环境(h3)

项目根目录下创建 vue.config.js

//自动打开游览器
module.exports = {
 devServer: {
  port: 6608,
  open: true
 }
}

• 新建终端
  • cd vue_001
  • npm run serve
    
• 项目访问成功