「VUE」搭建vue环境

作者: 七月流火_9405 | 来源:发表于2019-06-17 21:36 被阅读0次

1、安装homebrew
终端输入：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"。

2、安装nodejs
终端输入：brew install nodejs
node -v查看 nodejs版本

3、安装npm （淘宝镜像）

4、安装webpack
npm install webpack -g

5、安装vue脚手架（自动搭建vue项目框架的工具）
sudo npm install -g vue-cli。

6、创建vue项目
vue init webpack vuetest（vuetest是项目名字）。

7、启动项目
npm run dev。关闭请按ctrl+c。

image.png

8、运行效果

image.png

前端环境搭建
前端开发环境的搭建 vue环境搭建（node，vue-cli，vue） https://www.jianshu.c...
vue+ionic
vue的环境搭建： npm install -g @vue/cli （若已搭建跳过）vue create i...
Vue之ToDoList实战
之前的文章windows下搭建vue开发环境，我们已经搭建好了vue的环境，并且写了Vue系列之WebPack与E...
我的第一个Vue.js项目----仿cnode社区
一、环境搭建使用vue-cli脚手架搭建Vue项目全局安装 npm install -g @vue/cli 查...
vue搭建笔记
如何搭建安装vue环境？请看教程 Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） w...
vue-cli单页面应用
vue-cli是vue搭建环境脚手架，只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...
vue-vscode开发环境搭建
vue-vscode环境搭建
从零搭建Vue项目
1，搭建Node环境（此处就省略了，可自行百度）2，搭建Vue项目环境全局安装vue-cli(Vue脚手架)：cn...
Vue.js 安装、搭建及创建
windows环境搭建Vue开发环境运行下载的Vue demo https://www.cnblogs.com/...
Vue(一)vue-cli搭建Vue项目
vue项目搭建 vue项目快速搭建工具——vue-cli vue-cli是基于node环境的一个命令行工具。也就是...