用idea搭建VUE项目


1、Create New Project > Static Web>填写project name和选择保存的工作空间>Finish

2、打开idea的Terminal,输入以下的命令

npm i -g cnpm --registry=https://registry.npm.taobao.org

  • 等待下载完成以后,继续安装vue的脚手架工具,在Terminal内继续输入以下命令
  • npm i -g vue-cli
  • 测试是否安装成功(注意这里要用大写的V):
  • vue -V
  • 脚手架安装完成后,初始化包结构,继续输入
  • vue init webpack demo
  • vue(但是不能包含大写字母)为你前面新建的项目名。初始化会进行设置。可参考此处设置。
  • ?Project name   vue  
  • ? Project description A Vue.js project
  • ? Author  chenwei
  • ?Vue build standalone
  • ?Install  vue-router? Yes
  • ?Use ESLint to lint your code? No
  • ?Set up unit tests  No
  • ?Setup e2e tests with Nightwatch? No
  • Should we run npm install for you after the project has been created?(recommended)
  • Yes,use NPM
  • Yes ,use Yarn
  • >No,I will handle that myself
  • 初始化完成之后回车就会出现以下文字
  • 然后在Terminal中手动输入图片中的黄色字体 完成后,会提示在哪个端口可以访问,此处现在是8080
  •         还有最后一条指令可以用yarn dev代替

  • 打开浏览器输入:localhost:8080,出现以下画面,简单的demo就搭建完成了 。(或者直接点击地址)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM