VUE项目运行安装

VUE项目运行安装

参考https://www.cnblogs.com/liluxiang/p/9592003.html

介绍

vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。它是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

安装

vue的运行环境首先要安装 node.js
安装完node,npm也会自动安装，虽然自带的npm不是最新版本
查询安装是否成功
node -v
npm-v

然后在nodejs目录下配置缓存目录和镜像目录，这里的目录建议使用国内淘宝镜像站。
npm config set registry=http://registry.npm.taobao.org
接下来就是打包编译了，但是直接运行npm install等命令会报错的。所以还要增加环境变量NODE_PATH 内容是：D:\nodejs\node_global\node_modules
vue项目初始化命令如下，若没有安装webpack，则先安装webpack

npm install -g webpack

vue init webpack myVue
vue项目初始化命令如下，若没有安装webpack，则先安装webpack

npm install -g webpack

vue init webpack myVue

运行

vuetest项目运行
进入vuetest项目路劲下运行
npm install
npm run build
npm run dev

OK成功！结束项目运行ctrl+v，选择Y即可停止项目的运行