第一步:
- 打开vscode创建一个文件,并打开集成终端
- 输入命令:
vue create vue-demo
- 这里遇到了一个小问题:在cmd中能运行语句,但是在vscode中会出错
解决办法:
-
第一步:选择vscode-属性-兼容性-勾上以管理员身份运行;
-
第二步:打开vscode,输入终端指令
在编辑器终端输入命令:Set-ExecutionPolicy -Scope Curre;
此时的终端显示的结果为:ExecutionPolicy: -
第三步:终端指令:
再在编辑器终端输入命令:RemoteSigned;
此时的终端显示的结果为:ExecutionPolicy: RemoteSigned; -
第四步:检测是否成功
在编辑器终端输入命令:RemoteSigned;
此时的终端显示的结果为:ExecutionPolicy: RemoteSigned;证明已经成功
第二步:
- 创建好后,需要我们选择vue的配置类型:这里我们选择第三个
上下移动光标,空格选择或取消选择,回车确认
前两个为vue2或vue3,最后一个为手动选择
-
要我们选择需要安装的功能:我们选择1,3:
-
版本选择:以为我安装的是vue3,所以选3.x
-
这一步的意思是问你配置文件放在哪里:这里我选择默认,第一个
-
是否保存为预设:选择不保存 n
-
回车后,令人激动的时刻就来啦,耐心等待加载完毕。。。。。
最后一步:
输入
cd vue-demo
npm run serve
输入后选择允许访问:
这是你的vue项目地址:
成功!!!!
开启你的vue世界之旅吧!!!!!!!