这里还介绍一种ui框架,有兴趣的可以也试试
一、创建vue项目,这是在nodejs安装时创建项目的步骤一样
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖
$ cd my-project
#安装
$ npm install
#执行
$ npm run dev
创建的项目过程
#进入到创建的项目目录下
$ cd vue-iview/
#安装依赖
$ cnpm install
#执行
$ npm run dev
二、主要在项目下安装iview
$ cnpm install --save iview
三、 在src/main.js文件下增加三行引用iview
import iView from ‘iview’ //导入组件库
import ‘iview/dist/styles/iview.css’ // 导入样式
Vue.use(iView)
再就是通过别的网站查询,可以直接在main.js文件中引用以下两句,执行安装iview命令
这里注意一点,如果执行cnpm install命令出现如下图所示的错误,
执行如下方案即可,方案一即能解决此问题
ide错误提示在项目中将.eslintrc.js删掉,将.editorconfig和.eslintrc.json两个文件替换,在文件——>首选项——>设置——>用户设置里面将vscode_settings.txt文件的内容全选覆盖上