1.node.js 的安装
2.vue-cli(脚手架的安装)
在cmd里面进行:npm install -g vue-cli
3.开始用脚手架进行项目创建(https://blog.youkuaiyun.com/qq_37164847/article/details/80939741)
vue init webpack 项目名
4.根据提示输入信息
Project name :项目名称 ,如果不需要更改直接回车就可以了。注意:这里不能使用大写。
Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
Author:作者,如果你有配置git,他会读取.ssh文件中的user。
Install vue-router? 是否安装vue的路由插件,Y代表安装,N无需安装,下面的命令也是一样的。
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试。
Should we run npm install for you after the project has been created?(recommended)npm
5.然后cd 到项目的目录下
cd 项目名
6.运行项目
npm run dev
7.根据提示在浏览器输入对应的网址
http://localhost:8080
8.一般的话,需要用element-ui进行页面的开发,引入element
npm i element-ui -S
9.打开项目,修改文件main.js
添加: import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
10.一般有页面跳转的都需要路由来操作,引入router
cnpm install --save vue-router
打开项目,修改文件main.js:
import VueRouter from 'vue-router';
Vue.use(VueRouter);
11.很多时候路由的状态需要store来修改,store是vuex的内容,引入vuex
npm install vuex --save
然后配置文件路径
https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc
12.如果和后端有交互的话,需要有post,get等请求。需要引入axios
npm install axios