VueCLI3+项目配置及配置文件
安装Vue CLI3+
Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。
打开powershell输入下面任一命令,安装最新的Vue CLI。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安装之后,你就可以在命令行中访问 vue 命令。
比如用一下命令检查版本。
vue --version
搭建手脚架
运行以下命令来创建一个新项目。
#hello-world可以换成你想要的项目名称
vue create hello-world
你会被提示选取一个preset。你可以选默认的包含了基本的Babel+ESLint设置的preset,也可以选手动选择特性来选取需要的特性。
这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的。
这里我们选择第二个Manually select features,手动来选择需要的特性。以上下键移动,以空格键进行是否选定。
? Please pick a preset: (Use arrow keys)
> default (babel, eslint) #默认的包含了基本的Babel+ESLint设置的preset
Manually select features #手动选择特性来选取需要的特性
接下来会选择你需要的特性。
以上下键移动,以空格键进行是否选定,以回车键完成选择操作。
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Babel #将ES6编译成ES5
( ) TypeScript #javascript类型的超集
( ) Progressive Web App (PWA) Support #支持渐进式的网页应用程序
( ) Router #vue-router,路由
( ) Vuex #状态管理
( ) CSS Pre-processors #CSS预处理
(*) Linter / Formatter #开发规范
( ) Unit Testing #单元测试
(