安装篇——新建一个VUE项目

一、安装node.js

　　官网地址：https://nodejs.org/zh-cn/download/

　　安装完成之后。

二、打开cmd命令框，查看是否安装成功

三、安装国内npm淘宝镜像，原因：国内直接使用npm安装缓慢

　　执行命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

　　现在可以使用cnpm来安装模块了。

四、初始化项目，构建项目

　　1、安装vue-cli　　

　　执行命令：cnpm install vue-cli -g

　　查看vue-cli是否安装成功

　　执行命令：vue list

　　2、选择目录，新建项目

　　执行命令：cd D:\vueProject

　　vue init webpack ”shop-backend“

　　然后一路回车+y，知道构建完成。

四、安装依赖，启动项目

　　执行命令：cnpm install

　　cnpm run dev

五、访问，输入网址：http://localhost:8080

完。。。

转载于:https://www.cnblogs.com/zzb-yp/p/11584062.html

安装篇——新建一个VUE项目相关推荐

php vue博客,新建一个vue项目
转载文章地址 http://www.cnblogs.com/binmengxue/p/6831850.html 1.Node.js安装 https://nodejs.org/en/download/ ...
vue项目编写html,从头搭建、编写一个VUE项目
一.创建VUE项目 1.新建一个vue项目进入工作目录,新建一个vue项目:vue init webpack 项目名 vue init webpack vue-project-demo image. ...
如何开始一个vue项目
万事开头难~ 刚开始学习vue.js就是看看官方文档,然后在.html文件里引入下载到本地的vue的库文件,来跟着敲示例代码.但是接触到vue的项目,发现自己完全不知从何下手.之后再网上查找了一些vu ...
Vue手把手带你入门(一) nodejs安装配置以及vue-cli脚手架创建第一个vue项目（超级详细）
开发Vue程序的第一步就是PC安装配置node.js 1官网下载安装Node(我的安装路径是D:\nodejs\) 点我安装(安装在除C盘外任意一个磁盘中) 2 检查node和npm是否安装完成下载 ...
安装uve-cli,并使用vue ui可视化界面创建第一个vue项目
安装vue-cli,并使用vue ui可视化界面创建第一个vue项目下载vue-cli ,因为国内下载镜像比较慢,使用阿里的镜像仓库 npm install -g cnpm --registry=h ...
安装Vue node 及创建一个Vue 项目
安装Vue 和 node 及创建一个Vue 项目一下载node.js安装包 1 下载资源包,然后安装 2 点击以上的Run(运行),将出现如下界面,然后一直点击Next 直达安装完成 3 检测P ...
从零开始搭建一个vue项目 -- vue-cli/cooking-cli（一）
从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月份接触的vue1.0,当时还是个菜逼,当 ...
vue请求在退出页面还执行吗_如何用 Cloudbase Framework 部署一个 Vue 项目
无需修改业务代码,就能将 Vue 应用前后端一键托管部署在云开发平台~ Cloudbase Framework 是云开发官方出品的前后端一体化部署工具.目前已经开源 . 关于 Cloudbase F ...
MacOS 搭建一个vue项目(完整步骤)
搭建一个Vue项目一.安装node环境二.搭建vue项目环境 1.全局安装vue-cli 2.检查是否安装成功 3.创建一个基于 webpack 模板的新项目 4.安装依赖 5.启动项目三.vu ...
使用webpack脚手架创建一个vue项目
使用webpack脚手架创建一个vue项目前言介绍前期环境准备开始创建项目实例交流前言介绍创建vue的项目方式有很多种,这里仅介绍使用webpack脚手架来创建一个vue项目,下面将创建 ...

安装篇——新建一个VUE项目

安装篇——新建一个VUE项目相关推荐

最新文章

热门文章