美文网首页我爱编程
Vue笔记-入门安装

Vue笔记-入门安装

作者: 北山学者 | 来源:发表于2018-02-12 14:21 被阅读0次
Vue2.0 推荐开发环境

vue开发环境的搭建 ,Mac环境

1、安装brew

如果已经安装了brew,跳过本小节
安装命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2、nodejs安装

安装命令:brew install node,安装的是nodejs的最新版本,如果要安装长期支持版本,可自行下载,下载地址:https://nodejs.org/en/

3、安装淘宝镜像cnpm

安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org, 安装cnpm的原因在于 npm 安装速度慢,安装使用介绍参照:使用淘宝 NPM 镜像

4、安装webpack-全局安装

安装命令:cnpm install webpack -g

WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。

5、安装vue-全局安装

安装命令:cnpm install vue-cli -g

6、创建项目

6.1 mkdir your_dir && cd your_dir
6.2 vue init webpack-simple your_project, 会有一些初始化的设置,如下输入:

a、Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
b、Project name (vue-test)直接回车默认
c、Project description (A Vue.js project) 直接回车默认
d、Author 写你自己的名字

7、安装项目依赖

安装命令:cnpm install && cnpm run dev

参考
1、vue开发环境搭建Mac版
2、Vue.js 2.0环境搭建(mac机系统环境)
3、Vue2.0 新手入门 — 从环境搭建到发布
4、试着用React写项目-利用Webpack搭环境
5、入门Webpack,看这篇就够了
6、前端构建工具:webpack从安装到起飞
7、NPM 使用介绍
8、Vue官网

相关文章

网友评论

    本文标题:Vue笔记-入门安装

    本文链接:https://www.haomeiwen.com/subject/rymrtftx.html