这两天懒,没有写Node.js项目,项目中遇到的问题也没有进行整理.今天把之前整理的一份vue element 初始化项目的步骤分享给大家,希望对大家有所帮助~,接下来我们就来聊聊关于vue的三种安装方法?以下内容大家不妨参考一二希望能帮到您!
vue的三种安装方法
这两天懒,没有写Node.js项目,项目中遇到的问题也没有进行整理.今天把之前整理的一份vue element 初始化项目的步骤分享给大家,希望对大家有所帮助~
1、安装Node.js
下载地址:https://nodejs.org/en/download/
安装成功后,运行--cmd--npm
2、安装cnpm
运行:npm install -g cnpm --registry=https://registry.npm.taobao.org
3、安装vue
运行:cnpm install vue
4、安装vue-cli
运行:cnpm install --global vue-cli
5、创建项目
5.1、运行命令进入到对应的盘符
5.2、cd [文件夹]
5.3、 vue init webpack [项目名称]
6、进入项目design
cd [项目名称]
7、安装依赖
cnpm install
8、安装element
cnpm i element-ui
9、安装Axios
cnpm install axios
10、安装express
cnpm install express
11、安装qs
cnpm install --save axios vue-axios qs
12、启动项目
cnpm start
13、运行项目
cnpm run dev
14、浏览器打开
localhost:8080
15、引入相关组件main.js
引用:Axios
import Axios from 'axios'
Vue.prototype.$axios = Axios
引用:Element-ui
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Element)
引用:qs
import qs from 'qs'
16、安装Vuex
cnpm install vuex --save
每日分享实例教程,感谢每位小伙伴的查阅.记得点赞转发哦!
,