用vue-cli构建vue项目

来源:互联网 发布:网络时代知乎 编辑:程序博客网 时间:2024/06/05 08:26
1. 首先安装node.js。
https://nodejs.org/en/,打开官网下载软件,选择安装即可,因为我们需要利用node.js提供的npm包管理工具来安装vue-cli。


2. 全局安装vue-cli。
 npm install -g vue-cli  


3. 全局安装webpack。
npm install -g webpack 



4.  利用vue-cli在目录地址生成基于webpack 名为"xiami"的文件及目录。
npm init webpack xiami 



5.  进入项目目录,安装项目所依赖的包文件。
cd xiami  //进入xiami目录
npm install   //安装依赖包




6. 利用本地node服务器打开项目页面。
npm run dev





0 0
原创粉丝点击