zoukankan      html  css  js  c++  java
  • VUE环境项目搭建以及简单的运行例子

    1。打开cmd命令窗口,node-v和npm-v可以查看相应的安装版本信息。

    2。使用一下命令全局安装vue-cli。

    1)npm install  -g  vue-cli

    2)如果使用淘宝镜像,则是:npm install -g cnpm --registry=https://registry.npm.taobao.org

    3.使用命令 vue init webpack vue-xxx 搭建vue项目, “vue-xxx” 是你的项目名称。

    4.配置需要安装的vue环境(此处图片为复制粘贴):

    5.目录结构:src中的就是我们要用到的。公共文件,单页vue文件等。

    6.运行项目:npm run dev

    7.压缩项目:npm run build(压缩之后的文件可以打包apk等等)

    8.路由里边的引入:

    1)设置import和下边的path引入。从login开始的文件都写在components之中。

    2)此处的“mode:"history”。参考文档:https://router.vuejs.org/zh/guide/essentials/history-mode.html

    3)还有另一种写法,这个更为简洁化,也更明确:

    9.如果是从线上分值拉下来的,那么此时就需要安装依赖,安装完依赖之后再借此运行项目(npm run dev),打压缩包(npm run build):

    npm install

  • 相关阅读:
    重定向管道
    系统安全
    Linux启动流程
    压缩解压
    Vim
    ssh
    sudo
    Raid
    rsync
    quota
  • 原文地址:https://www.cnblogs.com/zxcc/p/10402760.html
Copyright © 2011-2022 走看看