已有vue项目导入idea记录

先检查环境是否完成:

node -v
npm -v
vue -V		//注意这里V必须大写

都显示了版本号则表示环境完成(如版本号过低 eg:0.12.0, 需重下)

  • node安装:去官网下载
  • npm安装:
    npm install -g cnpm --registry=http://registry.npm.taobao.org
    //安装cnpm,安装后可使用cnpm代替npm,需要管理员权限
  • 脚手架安装:
    cnpm install -g vue-cli

如提示webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
删掉项目中的node_modules文件(如没有直接install)
已有vue项目导入idea记录_第1张图片
再进入cmdcd到项目路径下,使用命令

npm install

生成新的node_modules文件

将项目从idea打开,在以往配置tomcat的地方配置npm
运行:
已有vue项目导入idea记录_第2张图片
打包:生成dist文件
已有vue项目导入idea记录_第3张图片
运行即可
*注意,如要打包到tomcat中,打包前先将index.js中的两个assetsPublicPath: '/'替换为assetsPublicPath: ‘./’,否则访问时会出现空白页

你可能感兴趣的:(日常记录,vue,idea,tomcat,运行,部署)