vue+vue-router+vuex+element-ui+axios(vue-cli项目练习)

一:vue安装脚手架
不多说网上各种文章,各种安装vue-cli遇到问题的解决方式,懒得述说了,毕竟每个人遇到的可能不一样。
npm install –global vue-cli

二:安装各种依赖

npm install axios –save-dev
npm install element-ui –save-dev
npm install vue-router vueX –save-dev
npm install less less-loader –save-dev

clipboard.png

安装后再page.json文件里可查看到安装版本信息,不过这里我不太明白,npm install以什么规则安装在哪个模块下的。

dependencies 是运行时依赖(生产环境) npm install –save **(package name)
devDependencies 是开发时的依赖(开发环境) npm install –save-dev **(package name)

clipboard.png

样式
<style scoped lang=”less”></style>**
在style中声明lang=”less”。 注意: scoped的作用仅仅是限定css的作用域,防止变量污染。

(1)引入reset/公共样式文件
clipboard.png

脚本宝典为你提供优质服务
脚本宝典 » vue+vue-router+vuex+element-ui+axios(vue-cli项目练习)

发表评论

提供最优质的资源集合

立即查看 了解详情