美文网首页
vue.js的开发环境搭建

vue.js的开发环境搭建

作者: paul_po | 来源:发表于2018-09-08 23:14 被阅读0次

    首先在系统中安装node.js(也是npm)。

    node官网地址下载https://nodejs.org/en/download/

    接下来搭建vuejs开发环境。

    通过命令行工具来安装。

    话一个技巧,有时候npm这个工具在国内会很慢,所以推荐使用淘宝的NPM镜像。将cnpm安装到系统里。(如果是mac,要用使用sudo授权安装)

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    地址:http://npm.taobao.org/

    cnpm 等现于npm,下面安装命令都是使用cnpm

    1、全局安装vue-cli(也叫vue手脚架)

    cnpm install -g vue-cli

    2、初始化一个项目(要考虑项目所在路径,可以新建一个项目文件夹,然后在这个文件夹里初始化\创建vue项目)

    vue init webpack my-project

    使用webpack这套模板,可以打包和压缩。

    可以使用

    vi package.json

    查看文件的配置和依赖项。有了package.json就可以直接运行npm.

    ls可以查看当前文件夹目录。

    3、安装依赖(记住,要在项目文件夹里面安装依赖node_modules)

    cd my-project

    cnpm install

    安装全部依赖。

    现在前端项目都是有

    4、运行项目

    cnpm run dev

    运行成功。

    Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档

    相关文章

      网友评论

          本文标题:vue.js的开发环境搭建

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