搭建vue环境【Mac】学习笔记
node环境
在https://nodejs.org/zh-cn/ 官网可以下载安装包,下一步一直安装即可。
安装后,测试命令:node -v
npm -v
-
安装vue环境
** 安装淘宝镜像【可选】sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
2.1 安装vue-cli脚手架构建工具
sudo npm install vue-cli -g
vue -V
(V是大写哦~) 创建项目
a. 创建基于 webpack 模板的项目
在项目文件夹,右键,服务–打开终端。vue init webpack vuedemo
[vuedemo 是项目名]
**初始化项目时,需要填写一些项目信息,不想填的可以直接回车。
前三行分别是项目名、项目描述、作者;
vue build : 选 Runtime + Compiler: recommended for most users 运行加编译(推荐大部分人使用);
Install vue-router : Y
ESLint : js语法规则和代码风格的检查工具,
unit tests : 单元测试工具
e2e : 端到端测试工具
b. 安装项目所需依赖
进入项目文件 cd vuedemo npm install
如下图既是成功:
** 我本地测试,没有使用第二步的npm install 直接到第三步也是没有报错,正常打开页面的,但网上的教程似乎都有这一步。
c. 运行 npm run dev
如果成功如下图:
打开浏览器输入网址: