Vue环境搭建及项目启动

Vue的环境搭建和项目启动

1.安装node.js

这是Vue安装的前提条件。

• 下载链接：node.js
  一直下一步，然后安装完成即可 ！
• 测试查看工具版本号
  

2.安装VsCode

不详细说了，很简单的一个软件下载。

3.安装Vue

使用npm进行安装
缺点：安装速度较慢，使用国内源镜像安装较快
打开cmd，键入：npm install --global vue-cli ，回车后等待安装即可
vue-cli安装完成后，键入：npm install --global webpack，回车进行webpack的安装

4.创建Vue项目并启动

进入你的Vue项目的工作空间下，使用cd命令进行切换
执行：vue init webpack demo1 ，其中demo1为vue项目的名称

进入新创建的Vue项目下，（cd demo），执行：npm install ， 进行依赖包的安装

安装完成后，执行：npm run dev ， vue项目启动

启动成功后，打开浏览器，打开网址：127.0.0.1:8080 ， 可以看到vue标识，项目启动成功.

或者