Vue-cli 3.0 脚手架

初始化模版

vue create my-project
进入选项：

1
2
3
? Please pick a preset:
> default (babel, eslint)
> Manually select features

default路线：

选择default：

1
2
3
Pick the package manager to use when installing dependencies: 
> Use Yarn
  Use NPM

选择NPM：

1
2
3
4
Vue CLI v3.0.0-alpha.5
✨  Creating project in E:\git\note\my-project. 
�  Initializing git repository... 
⚙  Installing CLI plugins. This might take a while...

手动路线：

1
2
3
4
5
6
7
8
9
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 ( ) Router
 ( ) Vuex
 ( ) CSS Pre-processors
 ( ) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

在这些选项中可以直接安装 TypeScript 的依赖，比较方便

完成之后可以看到项目整体结构：

1
2
3
4
5
6
7
8
9
10
11
12
│  package-lock.json
│  package.json
├─public
│      favicon.ico
│      index.html
└─src
    │  App.vue
    │  main.js
    ├─assets
    │      logo.png
    └─components
            HelloWorld.vue

和 2.x 版本相比，少了许多配置文件。可以新建一个 vue.config.js 文件，在文件中进行相关配置。详情见
https://github.com/vuejs/vue-cli/blob/dev/docs/config.md

启动项目

使用npm run serve命令即可启动项目

Vue.js + TypeScript