zoukankan      html  css  js  c++  java
  • 【vuejs小项目】一、脚手架搭建工作

    一、关于vuejs

    这是一个MVVM的前端开发框架,model(数据)、viewmode(通讯)、view(视图),它吸取了reactjs和angularjs的长处,核心重点在于组件化的设计原则。

    我们都知道一个普通常见的页面,他会由header,body,footer,组成,里面再细分还有nav,list,slidebar等等,组件化就是将这些会重复用到的代码封装起来,在一个页面中需要用到的时候进行引入。

    二、搭建脚手架(初始化项目)

    做一个项目开始将一些文件环境搭建好,这里vue提供了vue-cli作为项目搭建工具,在nodejs环境下进行安装,nodejs版本在4.0以上

    以下是在window环境下的安装步骤

    1.node -v 查询版本

    2.npm install -g vue-cli 安装vue-cli

    3.vue 查看是否安装成功

    4.vue list 查看可用模板

    5.vue init webpack project-name 选择一个模板(webpack)初始化,注意这里进入到需要项目所在目录,然后根据提示填写作者等内容

    6.cd project-name 进入项目文件夹

    7.npm insatll 安装依赖,这里是因为在init后文件根目录下有一个package.json文件,这个文件中包含了所需要的包,可以自动安装。在没有这个文件的时候我们需要先init 然后安装所需要的包,package.json会显示安装成功后的包的版本信息

    8.npm run dev 启动项目,端口号是8080

    vue-cli github地址

  • 相关阅读:
    sniffer嗅探
    记一次IE代理异常故障
    B860A机顶盒加强
    适合Lakka的安卓盒子配置
    MVG2000 破解
    网络图标显示地球的解决办法
    数码视讯Q7 TTL破解安装APP
    kbmmw 发布免费社区版
    一步一步实现kbmmw的httpsys使用https功能
    PostgreSQL 基本数据类型及常用SQL 函数操作
  • 原文地址:https://www.cnblogs.com/hodgson/p/6160323.html
Copyright © 2011-2022 走看看