版权声明:转载请注明出处,谢谢! 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/[email protected]/dist/vue.js"></script>
End
小编感觉vue的安装配置教程得各站点文档都看看,官网不是很简洁。