2024-11-26 12:00:41
上一节安装了flask,我们现在需要安装vue前端框架,需要使用vue-cli方便安装和管理。
先要全局安装vue-cli,可以使用下列任一命令安装这个新的包:
你还可以梁携用这个命令来检查其版本是否正确(3.x):
官方文档
已经安装最新版本的vue-cli,我很推荐这个图形化界面,非常方便。
你也可以通过橡备伏vueui命令以图形化界面创建和管理项目:
图形化的界面就不需要多介绍了,有中文都能很好地使用。
使用Vue项目管理器,选择项目地址flask-vue根目录(上节运行flask示滚老例的文件夹),创建新项目名称vue。根据具体需求选择创建条件完成项目创建,自动跳转至项目详情页。
下一节Flask与Vue的关联。
vue.js安装完怎么创建第一个页面首先安装vue-clinpminstall-gvue-cli注:Node.js=4.x,5.x最好初始化应用vueinitwebpackvue-notes-appcdvue-notes-appnpminstall//安装依芦敏赖包npmrundev//启动服务初始化一个项目名为vue-notes-app的应陪余枝用,毁世
在vue下面创建新页面并引入样式(图文讲解)
1.在components下面新建一个grid.vue的文件,在文件里放入内容
2.在css里新建一个grid.css文件,把grid.vue需要的嫌嫌样式放进来
3.在芹誉手router里的index.js里import,虚启import?文件名from文件存放的路径;并在routes下面写好路由
4.在main.js里引入grid.css的样式,import'路径名'