用vue-cli构建vue项目

  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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容