如何用git搭建自己的vuex工作环境
2018-01-12 14:16
309 查看
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)
安装git (https://git-scm.com/)
2.基于node.js,利用淘宝npm镜像安装相关依赖
在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装...
3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装...
2).输入:vue,回车,若出现vue信息说明表示成功
4.创建项目
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,除了第一项选yes其他基本都是no,也可以根据需要配置
5.安装依赖
在cmd里 1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
6.测试环境是否搭建成功
方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)
7.安装element
1).cnpm i element-ui -S
2).在main.js中写入以下内容
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
8.安装axios
1.npm install axios --save
2.在main.js中写入以下代码
import axios from 'axios'
9.安装vuex
1) cnpm install vuex --save
2) 在main.js中写入以下代码
import Vuex from 'vuex'
Vue.use(Vuex)
安装git (https://git-scm.com/)
2.基于node.js,利用淘宝npm镜像安装相关依赖
在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装...
3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装...
2).输入:vue,回车,若出现vue信息说明表示成功
4.创建项目
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,除了第一项选yes其他基本都是no,也可以根据需要配置
5.安装依赖
在cmd里 1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
6.测试环境是否搭建成功
方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)
7.安装element
1).cnpm i element-ui -S
2).在main.js中写入以下内容
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
8.安装axios
1.npm install axios --save
2.在main.js中写入以下代码
import axios from 'axios'
9.安装vuex
1) cnpm install vuex --save
2) 在main.js中写入以下代码
import Vuex from 'vuex'
Vue.use(Vuex)
相关文章推荐
- 《自己动手写操作系统》搭建你的工作环境
- 新的工作环境,如何让自己做的更好呢? [ 光影人像 东海陈光剑 的博客 ]
- 如何创建自己的第三方SDK(环境搭建)
- 视障者如何搭建自己的python编程环境
- Git搭建Linux和Windows分布式工作环境
- 如何搭建自己的开发环境
- 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的
- 如何搭建自己的开发环境
- 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的
- 列一下自己的 linux 软件工作环境,你的是如何呢?
- 搭建自己的GIT环境
- 如何给自己创造一个快乐的工作环境
- 新手指南:手把手教你如何搭建自己的渗透测试环境
- 如何搭建自己的开发环境
- 自己动手写操作系统之Windows7下使用Bochs搭建工作环境
- 如何用网页渲染自己d3可视化成果——搭建git.gits 并由bl.ocks.org渲染
- 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的
- 【定有惊喜】android程序员如何做自己的API接口?php与android的良好交互(附环境搭建),让前端数据动起来~
- 新手指南:手把手教你如何搭建自己的渗透测试环境
- 如何在git搭建自己博客