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,搭个环境先跑起来再说,真的挺香的!

pdf 文件大小:128.03KB