使用vue脚手架之vue-cli 3.0搭建项目

使用vue脚手架之vue-cli 3.0搭建项目

vue-cli 3.0文档：https://cli.vuejs.org/zh/guide/

介绍

安装

0.首先确保您电脑上的node.js是8.9版本以上

   输入node -v 查看node.js的版本

1.输入以下命令安装vue-cli 3.0

   npm install -g @vue/cli

搭建项目

第一种方法（命令行方法）

以搭建一个项目名称为vue-test3的项目为例

1.输入以下命令

   vue create vue-test

   你会被提示选取一个preset(预先设置)。

   你可以选默认的包含了基本的Babel + ESLint 设置的preset,也以选“手动选择特性”来选取需要的特性。

 

如果选择了手动设置，你可以按自己的需要选择接下来的更多项。

最后就创建好了你的项目。

第二种方法（使用图形化界面）

在图形化界面你可以创建和管理自己的项目。

1.你可以直接在命令行里输入 vue ui

该命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。