一、导语

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

二、正文

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

  vue初级学习--控制台创建vue项目

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

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

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

  vue初级学习--控制台创建vue项目

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

  vue初级学习--控制台创建vue项目

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

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

  vue初级学习--控制台创建vue项目

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

  vue初级学习--控制台创建vue项目

  4、运行此项目

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

  

  vue初级学习--控制台创建vue项目

  vue初级学习--控制台创建vue项目

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

  5、打包vue项目

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

三、结束语

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

相关文章:

  • 2021-06-23
  • 2022-01-09
  • 2021-04-22
  • 2022-02-24
  • 2022-01-09
  • 2021-11-26
猜你喜欢
  • 2021-08-23
  • 2021-06-03
  • 2021-05-05
  • 2022-12-23
  • 2021-06-22
  • 2021-06-26
  • 2021-09-06
相关资源
相似解决方案