新建一个Vue项目步骤

1.必须先安装node.js 直接在百度上去官网下载

地址:Node.js (nodejs.org)

安装node.js后会自动安装npm,npm用于vue项目的创建,依赖的下载

2.下载完node.js后,需要进行全局淘宝镜像加速器安装

npm install cnpm -g

//注意!!!!   如果npm安装不了,尝试用下cnpm

3.下载vue-cli脚手架

cnpm  install  vue-cli -g

4.创建vue工程

vue init webpack  myVueProject

myVueProject代表工程名

5.安装依赖

cd  myVueProject //进入项目文件夹

npm  install  //安装依赖

6.启动项目

npm  run dev

7.安装打包工具

npm install webpack  -g

 

8.安装Vue-router

首先package.js安装依赖

"vue-router": "^3.0.1"

npm install vue-router --save-dev

9.安装element-UI

npm i element-ui -S

10.安装saas加载器

cnpm install sass-loader node-sass  --save-dev

11.导入axios

npm install --save axios vue-axios //下载依赖 //在main.js文件引入 import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios)