vue 脚手架搭建

作者: 1994陈 | 来源:发表于2018-09-11 09:40 被阅读3次

【VUE】安装搭建项目vue-cli
vue-cli单页面应用
Vue2.0—— 搭建Vue脚手架（vue-cli）
创建vue脚手架vue.cli
vue2.0+router路由
我的第一个Vue.js项目----仿cnode社区
webpack进阶【17】: vue-cli 脚手架环境搭建
Vue.js重构有赞商城-配置
vue-cli搭建cnode社区
vue-cli构建项目npm run dev报npm版本错误

1.脚手架:vue-cli

安装:npm install vue-cli -g

查看: vue --version

2.创建项目环境

2-1.创建项目名称

vue init webpack-simple helloVue

2-2.cd helloVue - 进入项目

2-3.npm install - 安装相关配置

在安装的时候，如果出现一些error，比如：”Unexpected end of JSON input while parsing near”，可以试着执行npm cache clean --force，清除一些缓存，很多时候都是缓存造成的问题。

2-4.npm run dev - 运行该项目啦!

会自动打开浏览器出现这样的界面！(自带监听功能！！！！)

2-6 打包：

npm run build

【VUE】安装搭建项目vue-cli
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
vue-cli单页面应用
vue-cli是vue搭建环境脚手架，只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...
Vue2.0—— 搭建Vue脚手架（vue-cli）
给大家介绍下用 Vue2.0 搭建Vue脚手架（vue-cli）,在搭建脚手架之前，先做好环境配置。详细如下： ...
创建vue脚手架vue.cli
介绍下用 Vue2.0 搭建Vue脚手架（vue-cli）,在搭建脚手架之前，先做好环境配置。详细如下： 1.先...
vue2.0+router路由
1、搭建vue脚手架2、通过vue脚手架，我们搭建好了基础的vue，接下来就开始使用vue-cli来构建基础路由项...
我的第一个Vue.js项目----仿cnode社区
一、环境搭建使用vue-cli脚手架搭建Vue项目全局安装 npm install -g @vue/cli 查...
webpack进阶【17】: vue-cli 脚手架环境搭建
webpack: vue-cli 脚手架环境搭建一、搭建 vue-cli 脚手架环境 1、在一个新的文件夹下面，...
Vue.js重构有赞商城-配置
1. 搭建脚手架 Vue-cli官方教程Vue.js安装教程 yarn global add vue-cli脚手架...
vue-cli搭建cnode社区
一、准备工作 1.使用vue-cli脚手架搭建项目，参考我的文章：使用使用vue-cli脚手架搭建项目2.安装...
vue-cli构建项目npm run dev报npm版本错误
由于之前都是使用cooking脚手架搭建的vue项目，搭建以及运行均正常，今天突然想试下vue-cli脚手架试下项...