创建一个全新的Cordova项目
首先我们在C盘根路径下创建一个名称为“ CordovaProjects”的文件夹,之后的Cordova项目都放在该文件夹下。
打开 cmd窗口,通过命令“cd C:CordovaProjects”将路径指向CordovaProjects。
通过命令“cordova create MyApp”在C:CordovaProjects下创建一个名叫“MyApp”的Cordova项目。
![](https://oscimg.oschina.net/oscnet/up-c11f9688d6a4e00caa20602fc970e8632b1.png)
使用Visual Studio Code打开Cordova项目
![](https://oscimg.oschina.net/oscnet/up-9a648ea89e5089003d2142c75a5ef061f60.png)
选择本地Cordova项目文件夹
![](https://oscimg.oschina.net/oscnet/up-58ae3dbcb190ff674dae46be961ddf49c4e.png)
![](https://oscimg.oschina.net/oscnet/up-08900c6c77b302eb90c14d166d12e760e1e.png)
添加你想构建app的平台
在创建完一个Cordova项目后,你需要添加你想构建app的平台 , 为了添加平台,需要在控制台键入 cordova platform add <platform name>。
首先打开vscode中的控制台。
![](https://oscimg.oschina.net/oscnet/up-26ffaece47db5850e7d5c21efd969fac0f8.png)
然后通过控制台为app添加browser平台,在控制台键入 “cordova platform add browser” 回车,然后等待命令执行完成即可。
![](https://oscimg.oschina.net/oscnet/up-4c78723152db522edf26b4d237dbc94a46a.png)
如果出现“因为在此系统上禁止运 行脚本”错误。
解决方法:
以管理员身份运行vscode。
然后在控制台中执行:set-ExecutionPolicy RemoteSigned。
![](https://oscimg.oschina.net/oscnet/up-3e9d0697980ad6474ed557eeda2862a4b00.png)
运行项目
在vscode中打开“运行”面板,点击“create a launch.json file”,然后在“选择环境”下拉框中选择“Cordova”。
![](https://oscimg.oschina.net/oscnet/up-962d69a7b112411c2dcee31000d5e15b48d.png)
![](https://oscimg.oschina.net/oscnet/up-522265d1a64c38c3c00ab87c7c3121ce585.png)
选择“Run Browser”,然后点击“Start Debugging”。
![](https://oscimg.oschina.net/oscnet/up-a2296e1839f76ded2926cae8d98bc5e09b3.png)
![](https://oscimg.oschina.net/oscnet/up-f9deddde352ef00f69929ca09828d37e6c3.png)
出现如下窗口,说明项目启动成功。
![](https://oscimg.oschina.net/oscnet/up-9f95ee52f724679d08d280c9eecae055968.png)