webstorm前端开发⼯具vue环境配置及运⾏项⽬
1:webstorm的安装:
2:node.js的安装
3:安装Git
4:vue-cli
安装前⾯两步就可以把项⽬启动了,安装Git主要是打开命令窗⼝,这样就可以⽤liunx命令了,原理跟cmd差不多
Vue.js是⼀套构建⽤户界⾯的 “渐进式框架”。 Vue 采⽤⾃底向上增量开发的设计。 Vue 的核⼼库只关注视图层,并且⾮常容易学习,⾮常容易与其它库或已有项⽬整合。2016年,Vue同Angular、React形成三⾜⿍⽴的局⾯,让前端的开发者顾不暇接,今天我们就来了解⼀下Vue的环境搭建。
⼀、node.js安装
安装完毕之后,在命令⾏下验证是否安装成功:输⼊npm,显⽰如下就表⽰安装成功。
⼆、cnpm的安装 (⾮必须安装)
三、vue-cli的安装
vue-cli是vue官⽅提供的⼀个命令⾏⼯具,可⽤于快速搭建⼤型单页应⽤。该⼯具提供开箱即⽤的构建⼯具配置,带来现代化的前端开发流程。只需⼀分钟即可启动带热重载、保存时静态检查以及可⽤于⽣产环境的构建配置的项⽬。安装命令为:cnpm install -g vue-cli,回车,等待安装。安装完后,检查是否安装成功,输⼊vue -V(⼤写),出现以下提⽰表⽰安装成功。
angular安装四、安装项⽬依赖
进⼊项⽬⽬录运⾏npm/cnpm install安装依赖,项⽬⽬录会⾃动⽣成node_modules⽬录。
五、webstorm启动项配置
将package.json依赖包导⼊进来
通过cmd命令到项⽬位置,我的项⽬路径是D:\eclipse-workspace\trunk,然后⽤ npm install命令
成功之后就可以看到这些包进来了
可以直接点下⾯绿⾊按钮了
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论