本文作者:开源技术之家

Vue 完整教程

开源技术之家 2个月前 ( 06-15 ) 187 抢沙发

一、先安装npm 设置镜像从淘宝安装



npm config set registry http://registry.npm.taobao.org

二、安装脚手架 -g 则是全局安装 @vue/cli 是 cli3 的安装方法 ,npm install -g vue-cli 这个是 cli2 的安装方法


npm install -g @vue/cli 或者 npm install -g vue-cli

三、查看 Vue 版本号 其中 V 必须大写


vue -V

四、创建项目 项目名称为 test1


vue create test1

五、选择自定义模板


? Please pick a preset: Manually select features

六、选择路由


? Check the features needed for your project: Babel, Router

七、是否地址栏有 # 选择 y 则是没有


? Use history mode for router? (Requires proper server setup for index fallback in production) Yes

八、记录的文件应该选择 in package.json


? Where do you prefer placing config for Babel, ESLint, etc.? In package.json

九、是否创建 直接回车


? Save this as a preset for future projects? No

十、创建成功



$ cd test1$ npm run serve

十一、进入项目文件


$ cd test1

十二、运行项目


$ npm run serve 或者 npm run dev

十三、安装Element-ui


npm i element-ui -S

十四、到Vue main.js中注册




import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)

十五、安装 axios 


npm install vue-axios --save

十六、json格式直接转化成data的格式


npm install qs.js --save  //这一步可以先忽略,它的作用是能把json格式的直接转成data所需的格式



十七、安装成功后,在main.js页面引用



import axios from 'axios'Vue.prototype.$axios = axios    //全局注册,使用方法为:this.$axios


本篇文章来源于微信公众号:                         烬陌袅

本文标题:Vue 完整教程
本文链接:https://www.kyjszj.com/htzq/2286.html
作者授权:除特别说明外,本文由 开源技术之家 原创编译并授权 开源技术之家 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
文章版权及转载声明

作者:开源技术之家本文地址:https://www.kyjszj.com/htzq/2286.html发布于 2个月前 ( 06-15 )
文章转载或复制请以超链接形式并注明出处开源技术之家

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,187人围观)参与讨论

还没有评论,来说两句吧...