Vue3.x 项目搭建步骤

先查看vue-cli版本：npm install -g @vue/cli

安装更新：npm install -g @vue/cli

搭建项目

1、创建新的项目

vue create hello-world // vue create + 项目名称

2、会提示选择一个preset（预设）

如果没有配置保存过，则只有以下两个选项：

① default（babel，eslint）：

默认设置（直接enter）非常适合快速创建一个新项目的原型，没有带任何辅助功能的 npm包

②  Manually select features：

手动配置（按方向键 ↓）是我们所需要的面向生产的项目，提供可选功能的 npm 包

我选择的手动配置

3、手动配置项

我的选择项是Babel、Router、Vuex三项（此为常用的）

4、然后会提示你选择对应功能的具体工具包，选择自己擅长或者使用广泛的（方便遇到问题时百度），简介如下：

① 是否使用history router：n

5、是否保存本次配置（之后可以直接使用）

? Save this as a preset for future projects? (y/N) // y:记录本次配置，然后需要你起个名; n：不记录本次配置

6、 如何存放配置 ：

? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)
In dedicated config files // 独立文件放置
In package.json // 放package.json里

搭建完成后依次执行 ：

cd  hello-world // 进入到 hello-world文件夹内
npm run serve // 启动项目

 然后就可以访问默认的demo页面了