Vue.js环境搭建

在网上找了很多,自己的东西看着写的顺手,写下来记录一下

一、安装node.js

因为node下有npm,而安装vue需要npm的管理


Vue.js环境搭建


Vue.js环境搭建

Vue.js环境搭建

Vue.js环境搭建

Vue.js环境搭建

至此node.js安装成功

二、安装npm

因为vue依赖于npm的管理(时间长,等一下)

Vue.js环境搭建

代码

       npm install -g cnpm --registry=https://registry.npm.taobao.org

输入

     npm -v 测试 出现版本号 就成功了

三、安装vue-cli脚手架

因为其主要作用:目录结构、本地调试、代码部署、热加载、单元测试

涉及到热部署和热加载

  在应用运行的时升级软件,无需重新启动的方式有两种,热部署和热加载。

  对于Java应用程序来说,热部署就是在服务器运行时重新部署项目,热加载即在在运行时重新加载class,从而升级应用

Vue.js环境搭建

    初始化项目时,可以选择自己创建的目录

Vue.js环境搭建

其中如果出现  是否自动install 选择no 进行手动install

Vue.js环境搭建

Vue.js环境搭建

成功之后显示

Vue.js环境搭建

需要注意的问题

开始第一次安装的时候我出现了问题,可能的问题是版本不是最新版本

需要一个版本的升级

cnpm install npm -g


最后查看

Vue.js环境搭建

至此,成功搭建Vue环境