在网上也有很多教程,如何搭建vue项目,但觉得还是记录一下自己搭建的安装全过程吧,略显粗略
一、安装
1、下载node.js,官网:https://nodejs.org/en/
2、cmd运行node -v出现版本号则安装成功。
查看npm版本:npm -v
3、安装淘宝镜像(也可不安装,我没用过cnpm命令):npm install -g cnpm --registry=https://registry.npm.taobao.org
4、安装最新版本的vue-cli : npm uninstall vue-cli -g
vue -V 检查vue版本号
二、使用
1、打开终端,cd 切换到新建项目的文件夹中,新建项目
2、vue create 搭建新项目 //文件名 不支持驼峰(含大写字母)
如果没有配置保存过,则只有以下两个选项:
② default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包
③ Manually select features:自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包
vue-router、vuex、scss
3、cd 搭建的新项目
4、运行:npm run serve
5、后面项目中可能需要安装插件:
安装element-ui : npm i element-ui -S
在main.js中写入:
import ElementUI from 'element-ui'
Vue.use(ElementUI)
可以对照element-ui文档:http://element-cn.eleme.io/#/zh-CN/component/installation 在页面中使用
安装axios : npm install axios
import axios from 'axios'
import qs from 'qs'
// 引入Qs,这个库是axios里面包含的,不需要再下载了
vuex、axios、使用: https://www.cnblogs.com/GongYaLei/p/10159508.html