28、VUE环境搭建及新建项目(vue)

一、vue安装(node.js)
所有操作都可以在控制台操作
1、安装node.js

https://nodejs.org/en/下载安装

2、安装淘宝镜像

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

检查方式 cnpm -V 出现版本号

3、安装webpack

npm install webpack -g

检查方式 webpack -V

4、安装脚手架

npm install vue-cli -g
二、用vue-cli

1、window+r打开命令行,输入cmd

2、输入 cd desktop /desktop指桌面/

3、创建项目

vue init webpack project /project是项目名称,自己取,不能用中文/

进入安装会有很多问题(ps:use Eslint to lint your code)建议选no;

4、进入项目

cd desktop/project

5、安装 npm

输入 npm install 如果下载很久没有成功就输入cnpm install

6、安装vue路由

cnpm install vue-router vue-resource --save

7、启动项目
在src当前目录下ctrl+shift+右键如图
28、VUE环境搭建及新建项目(vue)
输入 npm run dev

浏览器中打开localhost:8080 /默认8080/

这个是VUE前端框架,我们也可以导入其他的前端组件,例如 vant,mint-ui等等