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项目已经顺利的执行了。
如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的博文,以避免误人子弟。
相关文章推荐
- vue-cli快速构建vue项目
- 从0到1构建vueSSR项目之node以及vue-cli3的配置
- vue-cli构建项目在index.html中使用静态文件
- vue-cli构建vue项目
- Vue-cli脚手架构建多页面项目
- vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
- vue-cli构建项目之mock data
- 关于使用Vue-cli脚手架配合webpack-simple构建项目操作流程(自用)
- vue-cli 构建的项目中集成less
- 使用vue-cli构建vue项目
- vue-cli构建项目使用 less的方法
- vue-cli构建vue项目
- Vue-cli构建项目, 组件中js代码引入图片路径问题
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- vue-cli如何快速构建vue项目
- vue-cli构建的项目中图片路径以变量形式传入时显示解决办法
- 脚手架vue-cli构建vue项目
- vue-cli快速构建项目>>>>及引入jquery、jquery插件、this的指向 mounted钩子函数应用
- vue-cli快速构建项目以及引入bootstrap、jq
- vue-cli构建vue项目