vue基础教程安装创建项目

简介: vue基础教程安装创建项目
#详细安装步骤
https://www.cnblogs.com/zhaomeizi/p/8483597.html
#cli2使用模板创建项目:
vue init webpack 项目名称
 
#cli3使用模板创建项目:
vue create 项目名称
卸载cli3
npm uninstall -g @vue/cli 或 yarn global remove @vue/cli
 
安装cli3
安装命令:npm install -g @vue/cli 或 yarn global add @vue/cli
#图形化页面
vue ui
 
#安装插件(一般在项目底下)
npm install esint 
npm uninstall esint --save
 
#安装依赖
npm install 
#初始化项目
npm init -f 
 
######################################
1、安装路由:
  cnpm install vue-router
 
2、使用,导入:
 
  默认创建项目的时候就已经帮你写好了。
 
 
 
  import router from "vue-router"
 
  Vue.use(router)
 
路由配置:
 
  new router({
 
    路由配置,决定什么路径,显示什么内容。
 
    routes [{
 
      path:路径
 
      componet:组件
 
  }]
 
})
 
视图上显示的标签:使用router-view决定,
 
  页面跳转可以更改location.hash值,也可以使用a标签来进行跳转。
 
  也可以使用router-link标签来进行跳转,<router-link to:"/路径"></router-link>
 
  也可以使用router-push来进行跳转
 
 
 
#axios
 
1.进入项目运行命令,原因同v-resource安装
cnpm install axios --save
 
#
import buffer from "buffer"
 
cnpm install buffer --save
 
#移动端页面组件库 vant
 
#安装element-ui
 
cnpm i element-ui -S
 
 
#安装这个组件
npm install --save @/plugin/filter echarts element-resize-detector
 
#各个阶段所用的函数
1.获取数据加载页面的时候在
created()

 

相关文章
|
19天前
|
JavaScript 前端开发 C++
Vue项目创建
Vue项目创建
19 0
|
5月前
|
缓存 JavaScript 前端开发
Vue系列教程(02)- Vue环境搭建、项目创建及运行
Vue系列教程(02)- Vue环境搭建、项目创建及运行
93 0
|
6月前
|
Web App开发 JavaScript 前端开发
VUE 学习笔记(一)开发环境搭建
VUE 学习笔记(一)开发环境搭建
|
8月前
|
JavaScript 前端开发 内存技术
2022最新VueCli脚手架创建VUE项目
先安装nvm,安装教程在这里 nvm安装node
107 0
2022最新VueCli脚手架创建VUE项目
|
8月前
|
前端开发
前端学习笔记202304学习笔记第十九天-vue3.0-基于vue-cli创建项目2
前端学习笔记202304学习笔记第十九天-vue3.0-基于vue-cli创建项目2
45 0
|
8月前
|
前端开发
前端学习笔记202304学习笔记第十九天-vue3.0-基于vue-cli创建项目1
前端学习笔记202304学习笔记第十九天-vue3.0-基于vue-cli创建项目1
54 0
|
10月前
|
JavaScript 开发工具 git
《Vue3实战》 第二章 创建项目和目录结构
《Vue3实战》 第二章 创建项目和目录结构
92 0
|
11月前
|
JavaScript 前端开发
前端学习笔记202303学习笔记第五天-基于vite创建工程化vue项目
前端学习笔记202303学习笔记第五天-基于vite创建工程化vue项目
78 0
|
JavaScript
【Vue 开发实战】实战篇 # 27:使用Vue CLI 3快速创建项目
【Vue 开发实战】实战篇 # 27:使用Vue CLI 3快速创建项目
92 0
【Vue 开发实战】实战篇 # 27:使用Vue CLI 3快速创建项目
|
JavaScript 前端开发 Shell
五分钟掌握用Vue脚手架搭建一个完整项目!
五分钟掌握用Vue脚手架搭建一个完整项目!
1011 0
五分钟掌握用Vue脚手架搭建一个完整项目!