vue开发之vue-cli3

1.使用

在安装之前请装好nodeJs

npm install -g @vue/cli
# or
yarn global add @vue/cli

2.创建一个项目

vue create project-name

? Please pick a preset: (Use arrow keys)
> xs-default (vue-router, vuex, stylus, babel, pwa, eslint, unit-jest) // 这是我运行过之后的默认设置，第一次执行create是没有的
  default (babel, eslint)
  Manually select features

按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载）

3.项目目录

目录是3.0的cli看上去简洁多了，去掉了2.0 build和config等目录

修改端口，在根目录下创建vue.config.js

devServer: {
        open: process.platform === 'darwin',
        host: '0.0.0.0',
        port: 1234,
        https: false,
        hotOnly: false,
        // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#configuring-proxy
        proxy: null, // string | Object
        before: app => {}
    }

Vue CLI 3