vue 从入门到精通之【@vue/cli】(三)

安装：

npm i @vue/cli -g

基于脚手架创建 vue 项目：

• 选中 vue 版本

• 自定义一些配置项

vue create xxx
//项目需要符合npm包规范（数字和小写字母）

项目目录：

特殊： 一般来讲，public/index.html 页面模板中不会编写啥内容，一般都是基于 webpack 把各组件（各页面）的内容合并编译后，插入到 index.html 的#app 的容器中。 但是部分需求还需要在这个页面中写：

• 我们后期可以基于 vue3 中的传送门技术，把组件中的部分内容插入到页面除 app 外的其他容器中，此时我们需要在页面中写其他容器。

• 我们也可以把一些纯静态的内容，而且是不想基于 vue 的模板编译的写死在页面模板中，这样做很少，因为即使写在 vue 组件中，我们也可以基于 v-pre 指令让其跳过编译。

• 因为 webpack 会把项目中的 css（或 js）合并压缩打包成一个文件【后期也可以做分割打包[例如路由懒加载]】，这样在页面渲染的时候，加载 css 和 js 就会慢，如果我们想在没有加载完这些资源文件之前，先呈现给用户 loading&#