Vue.js基于Windows的运行环境搭建教程
Vue.js 的轻量框架属性,加上 Node.js 配合打包,开发起来效率真的挺高。如果你平常就玩前端,这套运行环境搭建流程一定要学会,是在 Windows 下,配好了真的省不少事。先从安装Node.js
开始,一步步来,不怕麻烦,后面用起来就轻松多了。
Vue.js 的安装流程其实不复杂,先去官网下载 Node.js,装好之后用node -v
查下版本,有就成功了。接下来换个国内镜像,比如淘宝的,输入npm install -g cnpm --registry=https://registry.npm.taobao.org
,速度提升不止一点点。
装 Vue 本体,用cnpm install vue
,几秒钟搞定。再来就是关键的Vue CLI
,这个工具挺方便,帮你一键生成项目结构,输入cnpm install -g @vue/cli
,全局装好之后,用vue create
命令随时拉个新项目出来。
项目建好之后,cd
进去,跑个npm run serve
,开发环境就起来了,还支持热重载,改个文件立马刷新,体验感棒。对了,如果你用yarn
也行,记得命令改成yarn serve
。
小建议,第一次配置别嫌麻烦,把每个步骤都走一遍,你会对整个项目结构和工具链有更清晰的认识。后面再用 Vue Router、Vuex 这些高级用法,也能更快上手。
如果你想深入了解,可以看看这些文章:
如果你用的是 Windows,搭个环境先跑起来再说,真的挺香的!
128.03KB
文件大小:
评论区