裸机搭建vue项目步骤

作者: 打扰一下JS | 来源:发表于2018-05-08 11:57 被阅读105次

裸机搭建vue项目步骤：

1、安装node，点击打开链接 http://nodejs.cn/download/

2、全局安装 npm install -g cnpm --registry=https://registry.npm.taobao.org

3、全局安装 npm install webpack –g

4、全局安装 npm install vue-cli –g

5、安装vue脚手架在工作空间的目录下运行 vue init webpack 项目名称

如图：

图1

图2：生成项目目录

6、安装项目依赖 npm install

7、测试一下项目里面默认的app.vue模块能否跑起来，，在命令行中输入 cnpm run dev 回车即可

8、8080就是默认的端口，在浏览器地址栏中输入localhost:8080会发现默认的模块打开了！

9、如图：

图3：加载成功

裸机搭建vue项目步骤
裸机搭建vue项目步骤： 1、安装node，点击打开链接http://nodejs.cn/download/ 2、...
vue项目搭建步骤
一、搭建VUE的开发环境 1.安装Node.js 2.安装淘宝镜像 3.创建项目 4.官方另一种创建方式 5.Vu...
裸机搭建vue框架
1、必须安装nodejs点击打开链接http://nodejs.cn/download/ 2、全局安装 npm i...
vue项目搭建 2019-03-19
主要步骤： 1.前端环境搭建； 2.vue项目环境的搭建。最近想找实习，发现了一个问题：大家对vue框架都是情有...
【Vue】vue-cli 的认识与使用
【参考资料】：Vue.js - 使用vue-cli搭建项目（附：详细操作步骤） Vue是一个流行的属于MVVM的前...
VUE 搭建过程
如何搭建一个vue项目(完整步骤)[https://www.cnblogs.com/haitaoli/p/1030...
在vue项目中使用axios，解决axios在ie下的兼容性问题
我的项目是基于vue-cli搭建的；一、在vue简单使用axios的步骤： 1.安装 npm insta...
vue 搭建项目环境方法步骤
今天朋友问我怎么搭建的vue搭建项目环境的方法，简单总结如下： 1、安装node.js 步骤方法参考 htt...
vue-cli 3.8.2项目搭建以及配置
1.项目搭建 1.命令行 vue create 项目名 2.选择模版（根据项目的需要进行安装，按步骤走下...
解决vue不是内部或外部命令的问题
今天想使用vue-cli脚手架搭建一个项目练手，按照这个步骤Vue学习笔记之vue-cli来的，结果在运行vue ...