1. 首先需要安装Node.js和Vue-cli工具。Node.js可以在官网下载安装,Vue-cli可以使用npm安装,命令为:npm install -g @vue/cli。

  2. 在vscode中打开终端,使用命令行创建一个新的vue项目。命令为:vue create 项目名。

  3. 根据提示选择需要安装的插件和配置,完成项目的初始化。

  4. 进入项目根目录,使用命令npm run serve启动开发服务器。

  5. 在浏览器中输入http://localhost:8080即可访问项目。

  6. 在.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'
        }
    }
}
如何在VSCode中创建并启动Vue项目?

原文地址: https://www.cveoy.top/t/topic/n8so 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录