vue.js的安装和导入

①通过<script>标签的方式导入vue.js。

②通过npm导入。

npm可以很好地和诸如webpack或Rollup等模块打包工具配合使用。

npm install vue@next

③通过vue cli 和 vite导入。

这样更符合前端工程化的思想。

vue cli是一个官方的脚手架工具，基于webpack，提供页面应用的快速搭建，并为现代前端工作流提供了功能齐备的构建设置。只需要几分钟的时间就可以运行起来，并带有热重载、保存时lint校验以及生产环境可用的构建版本。

vite是一个web开发构建工具，基于rollup，伴随着VUE3而来，由于其原生的ES6模块导入方式，可以实现闪电般的冷服务器启动。

vite提供了npm和yarn命令方式创建项目。例如，使用npm命令创建项目myapp，命令如下：

npm init vite-app myapp

cd myapp

npm install  

npm run dev

项目启动成功后，在浏览器输入http://localhost:3000/，即可打开项目。