vue3创建项目 学习笔记

此文章参考官方文档，可以看官方文档。

https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

先更新版本

# 最新稳定版
$ npm install vue@next

方式1

        vue create 项目名

                

三项可以选择，前面两个默认，一般选择第三个，我选择第三个

带 * 的是选择的，如果你要添加 router, vuex 这些 ，可以向下选择，按空格选择，按回车确认。

选择版本，选择3.x

 ?Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)   //是否选择history模式路由，初学者建议选择否。

? Pick a linter / formatter config: //我选择的是  EsLint + Standard config

？ Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Lint on save   //选择默认的，回车

Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files  //独立文件放置    另外一个是放在package.json里

？Save this as a preset for future projects? (y/N) //意思是是否保存当前配置，在下一次创建项目时会配置选项选择。初学建议不保留，选否。

 一个项目就创建完成了。

        方式二  view ui

                图形化界面创建，具体看官方文档，或自己摸索

        方式三 vue init webpack 项目名

                这个方式是旧版本 2.x 的创建方式。需要使用2.x版本可以通过这个方式创建

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project