Vue框架搭建快速入门

如何快速的搭建一个Vue的框架

安装的环境

- node.js

https://nodejs.org/zh-cn/(官网)
https://npm.taobao.org/mirrors/git-for-windows/(淘宝镜像)

安装的步骤只需要无脑的安装,下一步(可以更改自己的安装路径)

- 查看是否安装成功
在cmd窗口中输入以下两个命令(npm:就是一个软件包管理工具

  • node -v

  • npm -v
    Vue框架搭建快速入门- 安装Node.js淘宝镜像加速器(cnpm)

  • npm install cnpm -g
    Vue框架搭建快速入门
    - 安装vue-cli

  • cnpm instal1 vue-cli-g

  • vue list
    Vue框架搭建快速入门

  • 第一个 Vue项目
    在自己的磁盘中创建一个文件夹,从文件夹中进入cmd窗口
    Vue框架搭建快速入门
    一路都选择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,我们手动执行;运行结果!

查看目录
Vue框架搭建快速入门

  • npm run dev

Vue框架搭建快速入门

上一篇:Jenkins自动化部署nodejs项目(前端项目)


下一篇:小白第一次运行vue