作者：小小的家雀 | 来源：互联网 | 2023-09-25 18:52
前篇写了很多vue的内容&＃xff0c;都说单个页面的。
这篇我们建立一个vue3项目。
其实可以修改的我们再看看。
v cli是什么&＃xff1f;
vue cli是用来架起vue项目的工具。
cli2到cli3变化很大&＃xff0c;cli3和cli4没什么区别&＃xff0c;所有直接说cli2和cli4的区别。
区别较大的地方有&＃xff1a;
- npm安装命令的改变
- 生成的目录结构不同 cli4目录更精简
- cli4可以在npm命令的时候自行选择是否生成vue-router、vue-x、typescript、scss&＃xff0c;不用自己手动安装了
- cli4中要进行webpack配置 需要自己手动添加文件
vue.comfig.js
第一步&＃xff0c;打开终端命令
安装npm, 验证 $ npm -v
安装vue的脚手架工具-cli&＃xff1a;
$ sudo npm i -g &＃64;vue/cli
&＃xff08;如果没有sudo可能会有permission错误哟&＃xff09;
第二步&＃xff0c;创建vue的应用程序
$ cd 存放项目的文件夹目录下
$ vue create 项目名
(需要安装yarn&＃xff0c;否则中间失败&＃xff09;
可以自定义安装, 通过空格选中和取消选中
第三步&＃xff0c;项目选择vue3.0
运行效果如下&＃xff1a;
初始化项目这个过程挺漫长的&＃xff1a;
稍微等一下下&＃xff0c;项目就这样创建好了。
vue3的项目创建还是比较方便的。
就是得注意安装好相关的工具&＃xff0c;上面说到了。
其他就看下载依赖的网络速度了。
今天就写到这里。
我是丸子&＃xff0c;每天学会一个小知识。
一个前端开发
希望多多支持鼓励&＃xff0c;感谢
京公网安备 11010802041100号