本文主要是介绍创建Vue项目步骤,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
创建Vue项目步骤
vue-cli脚手架
全家桶技术栈:vue+vue-router+axios+vuex+antd(vue 版)
1.新建文件夹,安装vue-cil脚手架(npm install -g @vue/cli)
2.脚手架创建好后,创建项目(vue create [项目名])
https://www.cnblogs.com/coober/p/10875647.html →(看着链接的选项选择)
https://www.cnblogs.com/zhzq1111/p/12061151.html →【推荐看这个比较详细】
3.在项目里面,创建vue.config.js文件
https://blog.csdn.net/TurtleOrange/article/details/114085580 →(复制粘贴代码)
(执行npm run build,打开dist的html文件成功则项目创建完成)
【相关插件安装】
4.安装axios(npm install axios)
http://www.axios-js.com/zh-cn/docs/ →
5.安装相应的UI框架
Antd(npm i --save ant-design-vue)
https://www.antdv.com/docs/vue/getting-started-cn/ →
6.Router和Vuex(脚手架创建项目时已创建好)
https://router.vuejs.org/zh/installation.html →(Router)
https://vuex.vuejs.org/zh/installation.html →(Vuex)
7.使用rem(postcss-px2rem)
https://www.cnblogs.com/aramey/p/11017428.html →(安装postcss-px2rem)
https://blog.csdn.net/weixin_45762331/article/details/109904583 →(设置font-size)
这篇关于创建Vue项目步骤的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!