在idea中使用yarn搭建一个vue项目

在idea中使用yarn搭建一个vue项目

全栈开发，总切换前端的编辑器觉得很麻烦，干脆就用idea搞；
必备的插件要先装好，
node.js,

vue.js

第一步：用idea建立一个空目录，名字随便取

第二步：打开idea指令界面，运行以下代码

在上面生成的空目录中，打开idea的Terminal

在指令界面中输入：

//1.全局添加脚手架，如果以前添加过，就可以跳过这一步
yarn global add vue/cli

//2.检查vue是否被安装，以及版本号，2.9.x的都可以
vue -V

//3.使用webpack打包工具，初始化你的vue项目，my-project是项目名
vue init webpack my-project

//4.之后会提示一些信息，全部选择yes,一直敲回车即可

//5.完成之后，进入到创建的项目根目录下
cd my-project

//6.安装依赖包
yarn install

//7.最后运行项目，也可以在package。json中运行start
yarn run dev

//浏览器会自动打开运行一个页面，出现以下页面，说明成功了。

第三步：将生成的前端项目复制到需要的地方，就可以开始操作了