为什么要整理这个创建Vue项目的记录呢?
因为整个项目的周期长,写着写着就忘记了创建,跟着脑子里面的大概印象,查了一些百度,整合一下把,且给自己留个笔记咯;
准备写个vue前端分离作为py项目的demo;
1: 安装node。js
安装完成之后,打开cmd进入到命令窗口检查:
node-v 和 npm -v 这兄弟两一般都是一起安装好的;
2: 初始化项目;
选择方式 1或者方式2 都可以;
方式1 :如果是idea可以直接创建普通项目,然后进入到项目文件目录下,命令窗口等待执行;
或 方式2 :如果是VScode,最好是直接在windows文件夹,创建一个项目文件夹;然后进入到文件夹目录下的命令窗口;等待执行
步骤1: 执行初始化环境 :vue init webpack
如果到了这个界面,不要急;开始你的等待……
(常规来说大概30分钟左右 ,签完不要觉得界面不动,就关闭; )
等待的时间,对比看一下你的VScode界面,或者idea里面的 vue项目界面;
如图:
但是依然不要着急,继续你的等待,等命令完全执行完毕;
这个进度条,已经卡15分钟了,进度貌似才50%; 但是项目模型出来;
3:初始化install
npm install 这个命令慢一点,解决皖能;