vue框架-基础4-vue-使用vue-cli工具

本文主要是介绍vue框架-基础4-vue-使用vue-cli工具，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

###

安装，npm install -g @vue/cli

安装完成之后，可以使用vue --version，查看这个vue/cli的版本，

###

创建vue项目

先进入你的项目路径，然后执行，vue create project_name

直接选择default模式，回车，

这就是创建成功了，

###

###

这就是启动了这个vue项目了，

###

###

在你的vue项目的根目录，

运行这三个命令，

vue add vuetify

vue add router

npm install --save axios

###

可以使用pycharm打开这个vue项目，看看项目结构，

###

###

所以你的插件都要在main这个文件引入，否则是不能使用的，

####

###

####

新建一个页面

1，在views，里面新建一个vue文件，这个就是包含了页面展示的内容，

2，在router，里面配置路径，

3，在app.vue，里面配置路径，

### 

####

###

###

###

这篇关于vue框架-基础4-vue-使用vue-cli工具的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！