版权声明：转载请注明出处，谢谢！ 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的安装配置教程得各站点文档都看看，官网不是很简洁。