从零构建vue项目

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35746765/article/details/80972560

第一部分：安装

1.安装node.js（官网自行下载）

2.安装cnpm   （$ npm install -g cnpm --registry=https://registry.npm.taobao.org）

3.vue安装      （$ cnpm install vue）

4.安装vue-cli脚手架构建工具（$ cnpm install --global vue-cli）

5.创建一个基于 webpack 模板的新项目

#my-project为自定义项目名
$ vue init webpack my-project

初始化一个项目，或使用

$ vue init webpack-simple my-project

第二部分：安装插件

1.安装elementUI插件

$ npm i element-ui -S

• 1

在main.js中引入elementUI

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

可能会报错：

解决办法：

修改vue配置文件“webpack.config.js”如下：

（重启vue项目，完美解决）

2.安装 vue-router（npm install vue-router --save）

未完待续、、、