因为很久才自己创建一个,在想用的时候就会忘记怎样创建,再找教程很麻烦,于是自存一个……
简单来说就是,平时在github上git的项目比较完整,从零开始反而不记得怎样创建一个新的项目了。
适用于已经安装Node.js,vue-cli,配置好环境变量的前提下的朋友……
一、找到合适的文件夹新建项目(文件夹名最好取项目名,方便自己区分项目)
比如我是在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
复制该连接到浏览器进入项目界面。
项目就创建完成啦!
是一篇没啥技术含量的记录嗯嗯……