美文网首页
Vue.js入门笔记—环境搭建

Vue.js入门笔记—环境搭建

作者: 小_路子 | 来源:发表于2017-08-31 11:30 被阅读0次

    Vue.js官网教程

    demo地址

    环境:node.js环境(直接官网下载包安装即可)

    npm 安装(一般安装node以后自动会安装NPM。)

    工具推荐webstore(比较友好的语法提示,与书写规范,命令工具)

    1.NPM

    在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如WebpackBrowserify模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件

    # 最新稳定版

    $ npm install vue

    2.命令行工具 (CLI)

    Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

    # 全局安装 vue-cli

    $ npm install --global vue-cli

    # 创建一个基于 webpack 模板的新项目

    $ vue init webpack my-project (如果直接导入项目无需新建)

    # 安装依赖

    $cd my-project

    $ npm install

    $ npm run dev

    注:执行 $ npm install 时大陆用户会特别慢,建议将 npm 的注册表源设置为国内的镜像,可以大幅提升安装速度。

    临时使用

    npm --registry https://registry.npm.taobao.orginstall express

    持久使用

    npm configsetregistry https://registry.npm.taobao.org

    配置后可通过下面方式来验证是否成功

    npm config get registry 或 npm info express


    到这里环境基本上搭建好了,可以开始学习语法或者导入demo运行看看效果了......

    相关文章

      网友评论

          本文标题:Vue.js入门笔记—环境搭建

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