zoukankan      html  css  js  c++  java
  • vue初级学习--控制台创建vue项目

    一、导语

      困困的我,好想睡啊,但还是敲下这边有的没的的笔记吧

    二、正文

      1、输入 vue list 可查看此环境下,vue能创建的项目模板

      

      没将webpack、vue-route啃精了的话,老实用webpack这个模板吧,他会自动的将你所要的环境都搭建好

      2、输入 vue init webpack myDemo 可创建webpack型的vue项目

      其中 webpack为项目模板,可从上图中的5中模板类型中选择其中一种,myDemo是项目名称

      

      如此,一个vue项目自动创建成功,可到对应的项目存放路径中查看

      

      3、想要运行此项目,还需要装依赖文件node_modules

      先进入此项目,再在控制台中输入  cnpm install 

      

      此时,已将所有依赖安装成功

      

      4、运行此项目

      在控制台输入 npm run dev 可运行此项目

      

      

      

      看到此界面, 即代表此项目运行成功!!!

      5、打包vue项目

      打包就简单多了,直接输入 npm run build 就行了,打包后成功的文件,默认是存放在dist文件夹中,只需将此文件夹放入服务器即可

    三、结束语

      粗暴、简单、明了、自卖自夸,哇哈哈

  • 相关阅读:
    检查c# 内存泄漏
    条件请求与区间请求
    python排序算法
    webpack+react+redux+es6
    Wireshark命令行工具tshark
    Web的形式发布静态文件
    PyQT制作视频播放器
    DotNet二维码操作组件ThoughtWorks.QRCode
    给你讲个笑话,我是创业公司CEO
    分库分表总结
  • 原文地址:https://www.cnblogs.com/atjinna/p/6723293.html
Copyright © 2011-2022 走看看