美文网首页
用vue-cli构建vue项目

用vue-cli构建vue项目

作者: JASON_722 | 来源:发表于2017-04-07 11:29 被阅读0次
  1. 首先安装node.js。
    https://nodejs.org/en/download/
    打开官网下载软件,选择安装即可,因为我们需要利用node.js提供的npm包管理工具来安装vue-cli。

  2. 全局安装vue-cli。

 npm install -g vue-cli  
  1. 全局安装webpack。
npm install -g webpack 
  1. 利用vue-cli在目录地址生成基于webpack 名为"xiami"的文件及目录。
vue init webpack xiami 
Paste_Image.png
  1. 进入项目目录,安装项目所依赖的包文件。
cd xiami  //进入xiami目录
npm install   //安装依赖包
Paste_Image.png
  1. 利用本地node服务器打开项目页面。
npm run dev
Paste_Image.png

相关文章

网友评论

      本文标题:用vue-cli构建vue项目

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