Mac 下 vue 开发环境的搭建以及项目创建
0 / 0 / 创建于 4年前 /
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号
推荐文章：