vscode搭建vue环境方法极速版

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/dreamstone_xiaoqw/article/details/90453370

vscode搭建vue-cli脚手架,小编整理分享下自己感觉较快捷的方法。

vue-cli

基础环境

vscode官网下载安装:https://code.visualstudio.com/
nodejs(npm初始环境)官网下载安装,并配置环境变量https://nodejs.org/en/download/

打开vscode终端

》左侧边栏
》资源管理器
》 右键空白区域添加文件夹(新建)
》右键文件夹
》选择在终端打开

如图:
在这里插入图片描述

命令行输入

npm install vue
npm install vue-cli -g
vue init webpack yixzm_spa
cd yixzm_spa
npm install
npm run dev

或者使用cnpm:

npm install cnpm -g
cnpm install vue
cnpm install vue-cli -g

成功运行输出信息

 DONE  Compiled successfully in 520ms                   17:43:07
 I  Your application is running here: http://localhost:8080

HTML页面链接引入

生产环境应该没人这么玩吧?除非就写一个单页面,在只有一个vue的场景这么玩玩还行。

官网CDN

学习

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

生产

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

End

小编感觉vue的安装配置教程得各站点文档都看看,官网不是很简洁。

展开阅读全文

没有更多推荐了,返回首页