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

三、结束语

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

转载于:https://www.cnblogs.com/atjinna/p/6723293.html