美文网首页
Vue学习笔记01:运行环境

Vue学习笔记01:运行环境

作者: gardenlike2 | 来源:发表于2019-02-27 09:27 被阅读1次

    前端人员
    第一层次: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项目。


    运行结果

    相关文章

      网友评论

          本文标题:Vue学习笔记01:运行环境

          本文链接:https://www.haomeiwen.com/subject/tsxxuqtx.html