1.全局安装 (npm install -g @vue/cli 或 yarn global add @vue/cli)

npm install -g @vue/cli

2.查看版本/是否安装成功

vue -V

3.创建项目

vue create my-web-name

4.我引入了vue antd,不需要的可以略过这一步

npm install ant-design-vue --save-dev 
或者 yarn add ant-design-vue

5.开发环境运行项目

npm run serve

如果碰到less-loader未安装报错提示则执行下面安装

npm install --save-dev less-loader less

另安装antd的一个插件 效果是可以按需引入组件

npm install babel-plugin-import --dev

main.js中关于引入antd的部分如下:

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)

另外:
vue项目中的node_modules一般不加入版本控制
在clone项目的时候,是少了node_modules目录以及相关文件的
所以拉取项目到本地后需要重新安装依赖

npm install

标签: vue

评论已关闭