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就搭建完成了 。(或者直接点击地址)