如何创建一个vue项目

发表于   |   分类于
    1. 安装vue-cli

      vue uninstall -g vue/cli \\卸载vue-cli\
      vue install -g @vue/cli \\安装全局vue-cli\
      vue --version \\查看vue版本

  • 2.(2.x版本):vue init webpack [项目名称](3.x版本)：vue create [项目名称]
  • 3.(2.x版本)npm run dev(3.x版本)npm run serve本地预览
  • vue uiGUI界面
  • 4.npm run build创建工程，可上传至服务器
  • 注意：在遇到Unexpected end of JSON input while parsing near使用下面的命令可能会解决
  • npm cache clean --force//强制清除缓存
  • vue2.x版本如何解决index显示空白页问题：
  1. 修改打包时，文件引用路径。在config文件夹下的index.js文件中，找到build中的assetsPublicPath将assetsPublicPath:’/‘修改为assetsPublicPath:’./‘即添加一个点。
  2. 重新build
  • vue3.x版本如何解决index显示空白页的问题：
  1. 在根目录下新建一个vue.config.js文件

  2. 在此文件中写入：

    1
    2
    3
    4
    5
    6
    7
    8
    module.exports = {
      publicPath: './',// 修改成相对路径
      outputDir: 'dist',
      configureWebpack: {
        externals: {
        }
      }
    }

  3. 重新build