1.基础和安装
cli3:就是相当于一个地基,快速搭建项目的基础配置。
首先安装node.js 然后安装淘宝镜像npm install -g cnpm +镜像地址
安装淘宝镜像是为了让淘宝去下那些对应的包或者资源。基本来自国外,通过淘宝镜像去下载会更快。
安装脚手架。npm install -g @vue/cli vue -v看脚手架版本
2.快速原型开发
vue serve
vue build
先安装全局扩展:npm install -g @vue/cli-service-global 全局的服务。
作用:运行出来浏览器所识别的html css文件 -g表示全局
步骤:
先初始化:npm init 生成package.json文件
再安装第2步的扩展
补充:注意版本, vue --version查看版本 低于3的就卸载重装。不然 vue serve无效。
然后可以直接通过vue serve运行 这样就完成了组件化的开发。
3、通过vue-cli3生成项目
vue create 项目名 创建新项目
可以下载这个组件Vue VSCode Snippets 和vetur
vbase可以快速生成页面
项目其他不再赘述。
4.vue-router
vue+vue-router能构造单页应用 SPA,相当于一个a标签,切换不同的视图。
每一个页面都是一个.html文件即为多页应用 MPA SEO优化
如果用户较多,多页还是会更好。
4.1 安装然后use 可直接在官网查看