首页 > 其他 > 详细

VUE

时间:2019-04-02 17:46:59      阅读:141      评论:0      收藏:0      [点我收藏+]

什么是vue?

可以独立完成前后端分离式web项目的JavaScript框架

为什么要用vue?

三大主流框架之一:Angular React Vue

先进的前端设计模式:MVVM

可以完全脱离服务器端,以前端代码复用的方式渲染整个页面:组件化开发。

vue项目的创建

1.环境搭建

安装node.js

#官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/

安装cnpm

#npm install -g cnpm --registry=https://registry.npm.taobao.org

安装脚手架

#cnpm install -g @vue/cli

清空缓存处理

#npm cache clean --force

2.项目的创建

#vue create 项目名
#要提前进入目标目录(项目应该创建在哪个目录下)
#选择自定义方式创建项目,选取Router, Vuex插件

在pycharm中开发vue:

#Edit-conf----》点+  选npm-----》在script对应的框中写:serve

3.vue项目的目录结构

#node_modules: 项目依赖
#public: 共用资源
    #--favicon.ico 网页的图标
    #--index.html 主页面
#src:项目目标,书写代码的地方
    #--assets:静态文件
    #--components:组件
    #--views: 视图组件
    #--App.vue:根组件
    #--main.js:项目主入口js
    #--router.js:路由相关,配置路由
    #--store.js:vuex相关,状态管理器
#package.json:项目的依赖文件

#注:上传项目只需要把package.json文件上传即可,后续可以通过npm install来下载项目的依赖,就会自动生成node_modules文件夹

 

VUE

原文:https://www.cnblogs.com/wangke0917/p/10643824.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!