您的位置:首页 > 产品设计 > UI/UE

前端开发随笔(一)——搭建Vue.js项目

2018-03-14 14:57 881 查看
 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。    首先vue.js的作者是中国人,所以说他是国产的,吸收了google的angular.js和facebook的react.js的特性,摒弃了jquery传统的DOM操作,采用数据绑定和指令等概念,可以说是未来WEB端开发的趋势,但是也并不代表jquey就淘汰了,存在即合理,jq应该在以后会有其他领域的价值,这里我就不多说了。
开发环境:安装Npm,  Node.js ,
1.安装nmp镜像(加快下载速度)
输入npm install -g cnpm –registry=https://registry.npm.taobao.org(没成功,若成功可用cnpm代替npm)
2.安装Vue-cli, webpack
npm install -g vue-cli                       //全局安装vue-cli
npm install -g webpack                          //全局安装webpacknpm install -g webpack-dev-server             //安装webpack的本地webservernpm install -g webpack-cli                                    //安装webpack-cli3.创建Vue.js项目v
4000
ue init webpack test(最后这个是创建的项目文件夹的名字)
4.安装相关依赖
>进入项目文件夹
shuru
5.本地起服务器:RUN —— cmd —— 跳转到文件根目录 —— npm run dev

成功~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Vue.js Vue.cli webpack