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 -- 打包

  • 相关阅读:
    animation
    0201 ---背景 tableview
    0129 ---稳定定的 plist介绍
    0127 userdefault
    0127 数据库 我的专家
    0122 ---清理缓存
    0122 清楚缓存
    0122---screach
    0121 --view 可以当作线
    0119吧 iPhone 屏幕尺寸
  • 原文地址:https://www.cnblogs.com/amunamuna/p/6321986.html
Copyright © 2011-2022 走看看