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文件夹中,只需将此文件夹放入服务器即可

三、结束语

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

posted @ 2017-04-17 15:50  atjinna  阅读(4870)  评论(0编辑  收藏  举报