前端人员
第一层次:Html5 + Css3 + Jquery
第二层次:Augular、Vue、React
第三层次:Node.js
第四层次:混合App开发:Ionic、ReactNative
其中Vue和Angular、React都是前端框架
1、单页面框架
2、基于模块化组件化的开发模式
Vue简单 灵活 高效 国内的中小企业里面用的非常多
VUE的安装
官网上有好多方法:
1、直接引用(对于熟悉有帮助,但是对于开发并不推荐)
2、使用CLI脚手架工具,进行模块化、组件化的开发。
对于搭建Vue框架
1、需要安装Nodejs
2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具。
进入命令提示行,输入npm install --global vue-cli 如果比较慢则可以使用cnpm install --global vue-cli。进行全局安装Vue。
3、创建项目
这里我使用的IDE是webstorm
首先先新建一个文件夹,通过webstorm定位到这个文件夹,在这个文件夹下面执行
vue init webpack vue-demo02
之后他会询问你一些vue项目的基础的设定
? Project name vue-demo02
? Project description A Vue.js project
? Author
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm
一般都选择为yes,除了Use ESLint to lint your code?选为No,因为这样有助于敲写代码。不回应为空格而引起错误。之后我们就创建好了Vue项目。
之后我们进入该项目接着执行npm run dev。成功执行vue项目。
运行结果
网友评论