如何把uniapp的vue小程序项目跑起来

痛定思痛。 2021-08-31 11:22 874阅读 0赞

新人学习，熟人请绕过。

当我们把项目`clone`下来后，我们可以尝试着多点一些一级目录文件。  
如下图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]  
一般来说`src`会是代码文件，剩下的一些大概率就是项目配置文件了。  
上图项目是用uniapp新建的项目，但是由于对前端的不太熟悉，可能早已忘了如何install 一个vue项目了，这时候我们可以看到有一个`package.json`点进去发现有一个`script`脚本，里面详细记录着启动何种小程序。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70 1]  
这时候我们只想启动一个H5版的小程序，我们可以看到有`"serve": "npm run dev:h5",`

so，我们可以这样启动：

npm run serve

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70 2]

更多个人教程请访问个人主页：

[Github搭建个人博客（2019最新版,亲测）][Github_2019]

.https://blog.csdn.net/xudailong\_blog/article/details/78762262

公众号：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]: /images/20210529/b911b0764340434cbb3a7ec8c637ca6b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70 1]: /images/20210529/98bd3054057042c383e2b6ae6cda62fa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70 2]: /images/20210529/002d8ccdd43a4b6e8848d9c1f6d98cc5.png
[Github_2019]: https://blog.csdn.net/xudailong_blog/article/details/78762262
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70 3]: /images/20210529/667310b6c1e046c49eced10f7d5372a5.png