1、安装node.js,安装完node.js之后,npm也会自动安装
查询是否安装成功的命令:
node -v
npm -v
2、全局安装脚手架工具vue-cli,命令如下:
npm install --global vue-cli
3、vue项目初始化命令如下,若没有安装webpack,则先安装webpack
npm install -g webpack
vue init webpack myVue
注:安装过程 中有个选项(Use ESLint to line your code ?选择 No )
4、进入到myVue目录下,使用npm install 安装package.json包中的依赖
命令如下:
cd myVue
npm install
5、运行项目:
npm run dev
在浏览器上输入网址:localhost:8080(端口号可能不同,以实际情况为准
),将会出现vue初始页面
6、结束项目运行:
ctrl+c,选择Y即可停止项目的运行
安装element:
1、 npm i element-ui –S
2、在main.js中引入elementui (main.js是入口文件,所以在这里引入就行,页面就不用引入了)
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
安装axios
1、npm install axios --save
2、在main.js中引入axios
import axios from 'axios';
Vue.prototype.$axios = axios;
安装qs
1、npm install qs -S
2、在main.js中引入qs
import qs from 'qs';
Vue.prototype.$qs = qs
网友评论