如何快速搭建vue-cli3.0项目

646 阅读1分钟
查看node是否有,没有的话在node官方网站下载

命令 node -v 显示 v10.15.0 说明node.js已经安装完成

查看 npm -v  (如果不下载不影响)

查看vue是否安装成功

命令   vue -V 显示   3.11.0

下载Vue脚手架

安装旧版本

npm install -g vue-cli


更新版本的话用
npm uninstall -g vue-cli

npm install -g @vue/cli

vue -V(注意大写)查看是否安装完成

进入自己的项目并初始话vue

cd 项目名

vue create 文件夹名称

输入命令后会提醒我们安装一些vue组件,我们这里不需要默认安装,选择第二个【Manually select features】,可以进行自定义选择要安装的组件,通过空格键选择要安装的组件,然后回车继续下面的选项,比如这里我安装了Router组件,安装成功后显示下面的页面


安装完成后运行 npm run serve 让项目开始运行

查看http://localhost:8080/,就可以看到我们的新项目了

npm run dev







node:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

vue:是一套用于构建用户界面的渐进式框架。vue的核心是只关注视图层,便于与第三方库或者已有项目的整合

vuex:

vue-cli3.0: