zoukankan      html  css  js  c++  java
  • Vue项目搭建

    1、环境搭建

    • 安装node

    官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/
    • 安装cnpm

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    • 安装脚手架

    cnpm install -g @vue/cli
    • 清空缓存处理

    npm cache clean --force

    2、项目的创建

    • 创建项目

    vue create 项目名
    // 要提前进入目标目录(项目应该创建在哪个目录下)
    // 选择自定义方式创建项目,选取Router, Vuex插件
    • 启动/停止项目

    npm run serve / ctrl+c
    // 要提前进入项目根目录
    • 打包项目

    npm run build
    // 要在项目根目录下进行打包操作

    3、认识项目

    • 项目目录

    -node_modules  项目依赖包()
    -public
        -index.html  vue项目都是单页面开发
        -facicon.ico  图标文件
    -src 项目目录
        -assets  存放静态文件
        -components  组件(小组件)
        -views  页面组件
        -App.vue  根组件
        -main.js  项目的入口
        -router.js 路由关系
        -store.js   Vuex存放数据
    -package.json  项目依赖的第三方模块
    
    -node_modules:项目依赖(以后项目要传到git上,这个不能传)
    -publish--->index.html  是总页面
    -src :项目
    -assets:静态资源
    -components:组件
    -views:视图组件
    -APP.vue:根组件
    -main.js :总的入口js
    -router.js :路由相关,所有路由的配置,在这里面
    -store.js  :vuex状态管理器
    -package.json:项目的依赖,npm install 是根据它来安装依赖的
  • 相关阅读:
    luogu 1865 数论 线性素数筛法
    洛谷 2921 记忆化搜索 tarjan 基环外向树
    洛谷 1052 dp 状态压缩
    洛谷 1156 dp
    洛谷 1063 dp 区间dp
    洛谷 2409 dp 月赛题目
    洛谷1199 简单博弈 贪心
    洛谷1417 烹调方案 dp 贪心
    洛谷1387 二维dp 不是特别简略的题解 智商题
    2016 10 28考试 dp 乱搞 树状数组
  • 原文地址:https://www.cnblogs.com/xuechengeng/p/10397622.html
Copyright © 2011-2022 走看看