本文主要是介绍使用脚手架创建vue项目,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
使用脚手架创建vue项目
安装node.js(自由安装了node.js才能使用npm)
- 下载地址:https://nodejs.org/zh-cn/download
- 帮助文档:https://nodejs.org/zh-cn/docs
npm包管理器
vue-cli是什么
- vue-cli是vue的命令行工具,只要按照官网敲几行命令就可以新建一个基本的vue项目框架。方便快捷。
- vue-cli和webpack是什么关系:vue-cli 里面包含了webpack, 并且配置好了基本的webpack打包规则
安装vue脚手架 -->会生成一些基础的js文件(vue脚手架跟webpack无关联)
cnpm install @vue/cli -g #这样会安装是最新版本
查看版本vue-V
使用脚手架创建项目
1、创建项目文件夹
2、在VS code(编辑器)中打开文件夹
3、使用脚手架vue-cli创建项目
vue create webpack VueBlog #在终端输入
4、创建成功后的目录
项目创建成功后
在http://localhost:8000中访问
终端输入vue ui
这篇关于使用脚手架创建vue项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!