Vue项目实战笔记【一】

刺骨的言语ヽ痛彻心扉 2021-05-16 20:36 422阅读 0赞

## 第一步肯定是上官网[vue][]学下基础知识，这是必须的对吧？比如v-model.v-for,v-if乱七八糟的，还有就是学完vue至少得知道什么是[MVVM][] ##

## 很多都会说用vue-cli，然后还需要安装一些东西，由于本人之前写前端一直用的HBuilder，然后在官网发现了HBuilder X。。。可以直接创建Vue项目，自然也就避免了很多繁琐的步骤，值得指出的是这里创建的项目使用的是vue中的webpack框架。 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70]  
创建成功后，如图  
![在这里插入图片描述][2020050212262930.png]

这时候项目还不能运行，需要安装一些东西，首先是[nodejs][],安装完成后才能使用npm命令，有时候使用npm命令会比较慢，可以百度找淘宝源换一下，使用cnpm也是一样（有看到过说使用cnpm会出现莫名的错误，虽然我还没遇到，但还是优先使用npm，如果速度真的慢，再用cnpm）。

安装成功就可以试着运行项目了

npm run build
    npm run serve
    访问localhost:8080就好了
    如果这个命令容易忘，也没关系，在你创建的项目里有个README，打开看看就知道了。

[vue]: https://cn.vuejs.org/v2/guide/
[MVVM]: https://baike.baidu.com/item/MVVM/96310?fr=aladdin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1ODg1NDI5_size_16_color_FFFFFF_t_70]: /images/20210516/9f4470311da5475787237e39229ec0e3.png
[2020050212262930.png]: /images/20210516/1118c2b4a670410c8e7d5a15a9f5fb02.png
[nodejs]: http://nodejs.cn/

发表评论取消回复

表情：

评论列表（有 0 条评论，422人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring实战笔记（一）

装配bean 它提供了三种主要的装配机制：隐式的Bean发现机制和自动装配在Java中进行显式配置在XML中进行显式配置自动化装配Bean

柔情只为你懂/ 2023年10月18日 09:27/ 0 赞/ 100 阅读

相关 vue电商实战项目笔记(vue_shop) 第一章

[vue电商实战项目源码(vue\_shop)][vue_vue_shop] 参考视频：黑马2019前端 [vue_vue_shop]: https://gitee.c

柔光的暖阳◎/ 2022年12月31日 01:27/ 0 赞/ 171 阅读

相关 vue-cil项目笔记

文章目录 vue-cil项目笔记 vue-cli 项目搭建 1. 创建项目 2. 使用Ant Design

た入场券/ 2022年12月29日 00:30/ 0 赞/ 171 阅读

相关【SpringCloud项目实战】Eureka--springClould笔记一：

目录单机版注册中心： 1、Eureka服务端： 2、EurekaClient端的--服务提供者端： 3、EurekaClient端的--服务调用者端：集群版注册中

迷南。/ 2022年11月25日 13:27/ 0 赞/ 129 阅读

相关 VUE实战项目开发--vue起步

一个vue的Hello World实现 <!DOCTYPE html> <html lang="en"> <head> <meta

蔚落/ 2022年05月24日 02:51/ 0 赞/ 284 阅读

相关 dubbo笔记——项目实战

一、案例说明存在2个系统，A系统和B系统，A系统调用B系统的接口获取数据，用于查询用户列表。 ![70][] 二、环境搭建安

你的名字/ 2022年05月16日 01:38/ 0 赞/ 271 阅读

相关 Vue实战项目开发--vue项目预热

项目的源代码在GitHub上：[点击查看][Link 1] 视频资源：可以加我百度网盘好友“任性的\_我\_”，免费发给你项目环境准备安装node.js

墨蓝/ 2022年05月09日 03:16/ 0 赞/ 332 阅读

相关 vue项目(一)

手机格式/^(13\[0-9\]|14\[579\]|15\[0-3,5-9\]|16\[6\]|17\[0135678\]|18\[0-9\]|19\[89\])\\d\{8

水深无声/ 2021年11月22日 15:14/ 0 赞/ 387 阅读

相关 Vue项目实战笔记【一】

第一步肯定是上官网[vue][]学下基础知识，这是必须的对吧？比如v-model.v-for,v-if乱七八糟的，还有就是学完vue至少得知道什么是[MVVM][] 很

刺骨的言语ヽ痛彻心扉/ 2021年05月16日 20:36/ 0 赞/ 423 阅读

相关 Vue项目实战笔记【二】

其次是一些依赖（根据自己用到的安装）我安装的有 1. Vue Axios 用来发送ajax请求 npm install --save axios

心已赠人/ 2021年05月16日 20:36/ 0 赞/ 500 阅读