前面使用nginx部署了 vue工程 并使用 vue-cli初始化了vue工程:
https://blog.csdn.net/lileLife/article/details/103497663
现在开始使用vscode进行vue工程编写
1 vscode 打开昨天新建的工程文件
然后 安装 Html Snippets ,用于编写html vue时候代码快速补齐
安装后 配置 :
在文件-》首选项-》设置 中
修改右边所示的内容。
重新打开vue文件 ,使用 tap键可以自动补全内容。
2、工程安装 vue-router ,iview
iview官网 :http://v1.iviewui.com/docs/guide/install
npm install vue-router --save
npm install iview
安装完后,在 工程文件下的main.js中引入
import iView from 'iview'
import router from './router'
import 'iview/dist/styles/iview.css'
Vue.use(iView)
Vue.use(router)
然后可以在vue文件中使用 iview的组件了
例如: <Button type="text">click </Button>
完成。