如何新建vue项目
- 首先,确保电脑上有Node.js环境
前往官网下载node.js。
根据个人需求进行下载,下载完成后安装(过程省略。。。)
完成好关闭,按键盘Win键+R,打开运行并输入cmd后回车;
得到一个页面
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RUeSjZ6d-1611560435588)(啊)]](https://i-blog.csdnimg.cn/blog_migrate/8b6d1c0e923da3ba832c99f9591b0d87.png)
再次输入“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的内容,进入和运行;

显示的两个网址就是你需要在浏览器打开的网址,你的本机环境以及项目搭建就完成了!撤了撤了!
本文详细介绍如何从零开始创建一个Vue项目。首先确保已安装Node.js,然后安装Vue CLI。通过命令行工具选择项目模板和配置选项,最后启动本地服务器验证项目。
487

被折叠的 条评论
为什么被折叠?



