使用vue-cil搭建项目

原文

博客原文

大纲

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
安装vue-cli
3、创建项目

完成项目的一系列配置

vue init webpack <your project>
image.png
4、启动项目
npm run dev

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

启动项目
5、打包项目
npm run build
6、项目实例

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

参考网址

https://segmentfault.com/a/1190000010659925

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 李笑来的价值公式:注意力》时间》金钱 换句话说你的注意力在哪里,决定了你会是什么样的人。 如何保...
    吴佟阅读 1,171评论 0 0
  • 上个休息日,也许是太放肆了,吃的太多又太杂,窝在家里面一天都没有出门,算是肠胃蠕动的太慢了,导致这两天肚子开始胀胀...
    cc08阅读 1,229评论 0 0
  • 白露未醒,初荷不开 最是这闹市里的后半夜,清冷成殇 含羞草扑闪眼睫,撩拨无知的游魂 夏蜂攥紧双手,试图掩盖一个绝美...
    宇文鸿熙阅读 1,648评论 3 3

友情链接更多精彩内容