zoukankan      html  css  js  c++  java
  • 【VUE】Mac下vue 开发环境搭建,以及目录结构

    1 安装Node.js

       参看 node.js环境安装
       http://www.cnblogs.com/richerdyoung/p/7265786.html

    2 安装淘宝镜像

    npm install -g cnpm --registry=https://registry.npm.taobao.org 

    3 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

    cnpm install -g vue-cli

    输入:vue,回车,若出现vue信息说明表示成功

    4 切换到你的项目目录

    cd desktop/vue

    5 新建vue项目

    vue init webpack vuetest 

    6 一路回车(第4步ESLint 可以一路n,大师请忽略n)
     


    进入新建项目

    cd vuetest 
    
    cnpm install 
    
    npm run dev

     

    目录结构

    •  main.js 是我们的入口文件,主要作用是初始化vue实例并使用需要的插件
    • App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。
    • index.html文件入口
    • src放置组件和入口文件
    • node_modules为依赖的模块
    • config中配置了路径端口值等
    • build中配置了
    • webpack的基本配置、开发环境配置、生产环境配置等
  • 相关阅读:
    HTML5中meta属性的使用详解
    前端部分兼容性问题汇总
    position元素定位详述
    jquery简单实现轮播图
    事件委托-选项卡案例
    async、await
    前端会遇到的算法
    arguments实参个数
    前端知识点整理(三)
    var、let、const
  • 原文地址:https://www.cnblogs.com/richerdyoung/p/7199917.html
Copyright © 2011-2022 走看看