如何快速的搭建一个Vue的框架
安装的环境
- node.js
https://nodejs.org/zh-cn/(官网)
https://npm.taobao.org/mirrors/git-for-windows/(淘宝镜像)
安装的步骤只需要无脑的安装,下一步(可以更改自己的安装路径)
- 查看是否安装成功
在cmd窗口中输入以下两个命令(npm:就是一个软件包管理工具)
-
node -v
-
npm -v
- 安装Node.js淘宝镜像加速器(cnpm) -
npm install cnpm -g
- 安装vue-cli -
cnpm instal1 vue-cli-g
-
vue list
-
第一个 Vue项目
在自己的磁盘中创建一个文件夹,从文件夹中进入cmd窗口
一路都选择no即可;
说明
Project name:项目名称,默认回车即可
Project description:项目描述,默认回车即可
Author:项目作者,默认回车即可
Install vue-router:是否安装vue-router,选择n不安装(后期需要再手动添加)
Use ESLint to lint your code:是否使用ESLint做代码检查,选择n不安装(后期需要再手动添加)
Set up unit tests:单元测试相关,选择n不安装(后期需要再手动添加)
Setupe2etests with Nightwatch:单元测试相关,选择n不安装(后期需要再手动添加)
Should we run npm install for you after the,project has been created:创建完成后直接初始化,选择n,我们手动执行;运行结果!
查看目录
- npm run dev