《vue 3.0探险记》- 初始化项目
2020-09-12 本文已影响0人
张中华
第一步:安装vue-cli
npm install -g @vue/cli
检测是否安装成功 vue -V:
$ vue -V
@vue/cli 4.5.6
第二步:初始化项目vue create project-name
vue create ui
注意这里如果选择vue 3,会创建最为纯洁的vue项目
![](https://img.haomeiwen.com/i2789632/b8c7e2a14636c01d.png)
![](https://img.haomeiwen.com/i2789632/ea4be1298607fdda.png)
如果选择Manaually, 会让你选择一些pe
![](https://img.haomeiwen.com/i2789632/7a3b36009d549b43.jpg)
第三步: 运行项目 yarn serve
![](https://img.haomeiwen.com/i2789632/417b0163fb4e9d76.png)
打开项目查看vue版本:
![](https://img.haomeiwen.com/i2789632/b0492e9f9fd9828c.png)
此时是单独安装vue,整个项目较之前也简单了很多,选择Manaually会预安装的一些组件,这样子也好,之后再单独引入组件的时候,会有更深入的了解。
![](https://img.haomeiwen.com/i2789632/2c958116d142ccc4.png)