Mac 下 vue 开发环境的搭建以及项目创建
33 / 0 / 创建于 3年前 /
HuDu 的个人博客
开始
首先来了解一下，Vue的整体开发环境。
Homebrew：Mac 系统下的包管理器，类似于 Linux 下的 apt-get，Windows 的控制面板-安装删除程序Node.js：JavaScript 运行环境（runtime），不同系统之间不能直接运行各种编程语言，Runtime 类似于各国会议上的同声传译npm：Nodejs 下的包管理器，类似于 Mac 下的 Homebrewwebpack：Vue 的组件都是通过.vue或者像微信小程序的.wxml和.wcss等自定义的组件都无法被用户通过各种浏览器解析，需要被翻译打包成 js 文件vue-cli：用来生成模版的 Vue 工程，相当于按照设计好的图纸来盖房子
安装 nodejs
$ brew install nodejs安装 npm
$ npm install -g cpm -- registry=https://registry.npm.taobao.org安装 webpack
$ cnpm install webpack -g安装 vue 脚手架
$ sudo npm install -g vue-cli检查是否安装成功
$ vue list创建 vue 项目
找一个文件夹放工程用的目录
$ cd 目录路径根据模板创建项目
$ vue init webpack 项目名
#如下
$ vue init webpack demo1
$ cd demo1安装项目依赖
$ npm install发现目录下多了 node_modules 文件夹。
安装 vue 路由模块vue-router和网络请求模块vue-resource
$ cnpm install vue-router vue-resource --save启动项目
$ npm run dev本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：