zoukankan      html  css  js  c++  java
  • nodejs+vue.js+webpack

    前端: nodejs+vue.js+webpack

    后台:ssb(Spring+SpringMVC + mybatis-plus)

    开发工具:idea

    一、前提

    1、安装nodejs

    2、安装完nodejs后,借助于node里面的npm(nodejs包管理工具)安装依赖

    3、安装vue脚手架vue-cli: npm install vue-cli -g

     安装完npm镜像后,开始安装全局vue-cli脚手架。

    之所以要用vue-cli,是应为这个工具能帮我们搭建好我们需要的模板框架,比较简单。

    验证是否安装成功,在命令行中输入vue,出来vue的信息说明安装成功

     二、构建项目

    1、使用vue-cli初始化项目

    vue init webpack-simple(或webpack) my-project-name

    2、进到项目目录

    cd my-project-name

    3、安装项目依赖

    npm install (根据package.json的配置来安装,安装完成后会生成一个node_modules的目录)

    安装 vue 路由模块 vue-router 和网络请求模块 vue-resource:cnpm install vue-router vue-resource --save

    运行:npm run dev (即可打开默认浏览器,启动项目:http://localhost:8080/, 在git里退出,采用ctr+c)

    打包:npm run build  

    4、npm和nodejs(需安装)

    npm的全称是nodejs包管理,nodejs是js运行在服务器端的平台

    5、Vue.js

      Vue.js是一个MVVM(Model-View-ViewModel)模式的框架。和MVC模式一样,主要目的是分离视图(View)和模型(Model)

      Vue提供了webpack的loader —-> [vue-loader]

    4、webpack -- 打包

  • 相关阅读:
    5. 图 (算法和数据结构笔记)
    4. 树与二叉树 (算法和数据结构笔记)
    Go第八篇之包的使用
    Go第七篇之规范的接口
    Go第六篇之结构体剖析
    Go第三篇之大话容器
    Go第一篇之轻松入门
    Go第四篇之流程控制
    C简介与环境配置
    程序结构与基本语法
  • 原文地址:https://www.cnblogs.com/amunamuna/p/6321986.html
Copyright © 2011-2022 走看看