美文网首页
vue的安装

vue的安装

作者: _源稚生 | 来源:发表于2018-11-13 00:09 被阅读0次

1、下载独立版本

直接在Vue.js官网下载最新的版本。接着在项目中,引入<script src = "../vue.js"> </script> 即可,开发项目尽量使用完整版,不要使用min版。

2、CDM

3、NPM

  • 安装node:从官网下载并安装。

  • 安装npm:安装了node也就安装了npm,此步跳过。

  • 安装cnpm:cmd中输入
    npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装完成可以用cnpm代替npm来安装依赖包。

  • 安装vue-cli 脚手架构建工具:cmd中输入cnpm install -g vue-cli

  • 初始化一个项目:新建一个文件夹,然后用命令行将目录转到选定的目录,输入
    vue init webpack myProject,运行初始化命令的时候会让用户输入几个基本的配置选项,如项目名称、项目描述、作者信息,对于有些不明白或者不想填的信息可以一直按回车去填写就好了。

  • 安装依赖包:在项目目录下输入cnpm install,安装完成,项目目录下会有一个node_modules文件夹,里面是依赖包资源。

  • 运行项目:在项目当前目录下,运行命令 npm run dev,如果运行成功将会出现下图。

相关文章

网友评论

      本文标题:vue的安装

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