使用Vue进行项目初始化的方法有:
- vue create:是
vue-cli3.x提供创建Vue项目的方式,模板是固定的,模板选项可自由配置。直接在命令后加项目名称即可。 - vue init:是
vue-cli2.x提供创建Vue项目的方式,可以使用github上面的一些模板来初始化项目。官方推荐的标准模板是webpack。使用时用vue init webpack 项目名即可。还有electron-vue的模板,替换webpack。 - vue ui:是
vue-cli3.x提供创建Vue项目的可视化操作方式,可以通过操作可视化页面来创建和管理Vue项目。
使用Vite创建项目
先安装,npm i -g create-vite-app。安装成功后,运行create-vite-app 项目名然后根据指示运行相关命令即可创建。其他初始化方式可以参考官方文档。
需要 Node.js 版本 >= 12.0.0。
使用React创建项目
可以通过CDN引入和webpack引入,但比较麻烦,推荐安装引入。
先安装create-react-app:yarn global add create-react-app,这个和@vue/cli类似。
安装成功之后,进入对应文件夹,运行create-react-app 项目名即可创建。
如果想使用typescript,可以进入文件目录后运行 create-react-app . --template typescript。
创建成功之后,按照给定的命令行,可以开启一个8080端口的地址进行预览。 其他操作可查看官网。