创建Vue项目(已安装Node.js以及脚手架等)

因为很久才自己创建一个,在想用的时候就会忘记怎样创建,再找教程很麻烦,于是自存一个……

简单来说就是,平时在github上git的项目比较完整,从零开始反而不记得怎样创建一个新的项目了。

适用于已经安装Node.js,vue-cli,配置好环境变量的前提下的朋友……

指路参考(更全的创建教程):两种方式创建Vue项目


一、找到合适的文件夹新建项目(文件夹名最好取项目名,方便自己区分项目)

比如我是在D盘里有一个专门存放VUE项目的文件夹,此时就在该目录下新建(此处我用了Project为项目名称)

二、打开命令行提示符

在系统导航栏搜索cmd

点击以管理员身份运行(一般我都以管理员身份运行,不然总是出bug)

 三、导航到刚刚创建的文件夹目录

因为是创建在了D盘,所以需要先进入D盘,直接在命令行输入 D:

成功进入D盘,如果本身文件夹就创建在C盘就不需要这一步了。

进入刚刚创建的文件夹(即Project)

复制选中的该路径。

回到命令行,输入cd D:\VUE\Project (对应路径)

成功进入项目文件夹。

四、创建项目

在命令行窗口里执行命令:vue create login-vue,选择Default ([Vue 3] babel, eslint),回车。

创建成功。

五、安装一些模块

1.axios模块:①进入login-vue目录,②执行命令:npm install axios --save

2.vue-router模块:继续在该目录下执行命令:npm install vue-router@4 --save

这些是基础模块,在项目中还会用到其他模块也可在项目编写过程中下载。

六、运行项目

执行命令:npm run serve

复制该连接到浏览器进入项目界面。

项目就创建完成啦!

是一篇没啥技术含量的记录嗯嗯……

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值