码迷,mamicode.com
首页 > 其他好文 > 详细

使用vue-cil搭建项目

时间:2018-07-17 20:40:38      阅读:625      评论:0      收藏:0      [点我收藏+]

标签:输出   info   blank   部署   amp   使用   创建项目   应用   build   

原文:

  简书原文:https://www.jianshu.com/p/1af9b72cf86e

大纲

  1、安装NodeJs
  2、安装vue-cli
  3、创建项目
  4、启动项目
  5、打包项目
  6、项目实例

1、安装NodeJs

  NodeJs安装好之后会连带着安装一个npm,nodeJs的安装流程很简单,按着步骤一步一步下来即可。
  安装完成之后在控制台上输入npm -v 以及 node -v若成功则会输出对应版本,并且已经将npm和node部署到了全局的环境变量。

2、安装vue-cli

  安装完成之后,可以通过vue list来查看可以使用哪些模板

npm install -g vue-cli

技术分享图片

3、创建项目

  完成项目的一系列配置

vue init webpack <your project>

技术分享图片

4、启动项目

npm run dev

  启动之后的提示端口8080中打开了应用

 技术分享图片

5、打包项目

npm run build

6、项目实例

   vue项目实例中的vue-base中就是我自己搭建的vue的初始项目。

 参考网址

   https://segmentfault.com/a/1190000010659925

 

使用vue-cil搭建项目

标签:输出   info   blank   部署   amp   使用   创建项目   应用   build   

原文地址:https://www.cnblogs.com/shcrk/p/9325654.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!