vscode搭建vue环境方法极速版

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的安装配置教程得各站点文档都看看,官网不是很简洁。

版权声明

弈心博客


本文首发site_name,转载请附上博文链接!