如何新建vue项目
- 首先,确保电脑上有Node.js环境
前往官网下载node.js。
根据个人需求进行下载,下载完成后安装(过程省略。。。)
完成好关闭,按键盘Win键+R,打开运行并输入cmd后回车;
得到一个页面
再次输入“node -v”,查看你的node版本;
-
确保电脑有‘vue-cli’环境
安装vue脚手架点击官网;
在cmd中进行安装,输入
npm install -g @vue/cli
回车进行安装,等待进度条结束后;
vue --version
来进行查看当前版本。
- 安装vue项目
等待脚手架安装结束后开始进行项目实例化;
首先新建文件夹到你想要的位置;
进入当前文件,并且打开cmd运行台,输入
vue create project
“project”为你项目的名称
确认后回车;
系统会提示你是否安装;
有三个可选项!
1.快速安装vue2为版本号的脚手架;
2.快速安装vue3为版本号的脚手架;
3.自定义安装vue;
如果有使用Vue-Router的兄弟建议还是老老实实的自定义安装吧,防止后期还要自己引入;
当你选择第三个后,cmd出现画面
他会提示你需要引入那些你需要的插件,根据项目需求自行勾选,有*号的为选中。
勾选结束后继续提示
它会问你需要哪个版本的vue脚手架,时代在更新,咱们还是多用新版本吧!
同理,后续回车后看是否有你需要的不需要的,回车就是Y(肯定)否自就按N(否定);
完了后就是等待时间!
结束后蓝色就是接下来我们要输入到cmd的内容,进入和运行;
显示的两个网址就是你需要在浏览器打开的网址,你的本机环境以及项目搭建就完成了!撤了撤了!