如何在VSCode中创建并启动Vue项目?
-
首先需要安装Node.js和Vue-cli工具。Node.js可以在官网下载安装,Vue-cli可以使用npm安装,命令为:npm install -g @vue/cli。
-
在vscode中打开终端,使用命令行创建一个新的vue项目。命令为:vue create 项目名。
-
根据提示选择需要安装的插件和配置,完成项目的初始化。
-
进入项目根目录,使用命令npm run serve启动开发服务器。
-
在浏览器中输入http://localhost:8080即可访问项目。
-
在.vscode/settings.json中配置自动打开浏览器,代码如下:
{
'liveServer.settings.CustomBrowser': 'chrome',
'liveServer.settings.NoBrowser': false,
'liveServer.settings.OpenBrowser': true,
'liveServer.settings.IgnoreFiles': [
'.vscode/**',
'**/*.scss',
'**/*.sass'
],
'liveServer.settings.Overrides': {
'*.html': {
'preview': false,
'browser': 'chrome'
}
}
}
原文地址: https://www.cveoy.top/t/topic/n8so 著作权归作者所有。请勿转载和采集!