VUE 初探一

梦里梦外; 2021-12-16 07:11 198阅读 0赞

尽管已经做了俩VUE项目，但是今天想自己搭建，竟然搭建不起来，无奈重新开始学习

首先在空文件夹下：cnpm install vue，发现只是多了一个文件夹,所以构建vue项目并不是这么简单。

[![image][]][image 1]

用这段命令，执行过程中会有几个需要你输入大写Y的地方，和回车的地方，一一机智路过。

npm install -g vue-cli
    $ vue init webpack my-project
    $ cd my-project
    $ npm install
    $ npm run dev

从这里面可以看出来vue-cli是个挺有用的东西，webpack也是个很有用的东西，百度得知

vue-cli：VUE脚手架

webpack：打包脚本的工具

搞完之后再看看目录，发现这正是我们想要的

[![image][image 2]][image_image 2]

然后我直接在其中运行命令yarn add vant，发现又多了几个文件

然后按照vant官网继续往下走：vantnpm i babel-plugin-import – -D

在项目根目录创建babel.config.js，并且复制进来（去官网copy）

[![image][image 3]][image_image 3]

然后发现我们还有个东西要学，天呢

[![image][image 4]][image_image 4]

明天学这个

最后，欢迎加入我的群一起讨论，群号：785469893

群主后端出身，目前使用的是vue+.NET CORE，同时也做php项目，尽量前后分离

转载于:https://www.cnblogs.com/mihe/p/10754137.html

[image]: /images/20211214/04ec5e6572b24f9c984c043c3600370c.png
[image 1]: https://img2018.cnblogs.com/blog/370894/201904/370894-20190423013550690-177736806.png
[image 2]: https://img2018.cnblogs.com/blog/370894/201904/370894-20190423013551662-1286647620.png
[image_image 2]: /images/20211214/542fa0f91bcf47f89737ee8b18896e0d.png
[image 3]: https://img2018.cnblogs.com/blog/370894/201904/370894-20190423013552239-942824366.png
[image_image 3]: /images/20211214/ff4f1de5dff84c96a32f536799fdb613.png
[image 4]: https://img2018.cnblogs.com/blog/370894/201904/370894-20190423013553037-1960081382.png
[image_image 4]: /images/20211214/51af226f91f3428f8a272af8cd81ff23.png