您的位置:首页 > Web前端 > Vue.js

webpack4+vue-cli构建vue项目

2019-04-18 11:22 155 查看

1.安装node js

第一步检测是否安装node;没有安装node的同学请到官网下载安装 https://nodejs.org/en/download/

安装成功后在命令行查看node版本,如果有说明安装成功。

node -v


2.利用淘宝npm镜像安装相关依赖

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

检查是否安装成功 cnpm-v

3.安装vue-cli脚手架搭建项目,可生成很多配置好多的文件

npm install -g vue-cli

4.用我们刚刚安装的 vue-cli 脚手架命令 vue ,初始化 init 一个以 webpack 为模板的名叫 vuedemo 的项目。


5.需要安装的过程以及选择

6.安装结束时:

.

7.在浏览器内访问:http://localhost:8080/#/  就可以看到效果了

好,到这里,我们已经顺利的安装了 

nodejs
 环境和 
vue-cli
 脚手架工具,并且利用脚手架工具生成了一个基于 
webpack
 的项目。

你的第一个基于 

vue
 项目已经顺利的执行了。

如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的博文,以避免误人子弟。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: