个人博客网站(三) - 前端项目www.cnblogs.com
1.搭建VUE基础框架
1.1安装node.js
(node -v , npm -v)
1.2安装vue脚手架vue-cli
(npm install -g vue-cli)(-g表示全局安装)
1.3初始化一个项目
vue init webpack projectName(projectName 项目名称)
(vue ui)
1.4安装依赖组件
开发阶段:npm install xxx(例:安装jquery: xxx就填jquery)
发布阶段:为减小webpack打包后vendor.js的大小;我们通过cdn方式引入;比如index.html中引入:<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
1.5启动服务
命令:npm run dev
2.路由模块
2.1index.html
引入:<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
2.2webpack.base.conf.js
在module.exports = {}中最后加上
externals:{
'vue': 'Vue',
'vue-router': 'VouRouter',
'axios': 'axios',
'vue-resource'; 'VueResource'
}
2.3routes.js
两种引入方式:
// 普通路由引入方式(所有vue模块的js文件都打包进vendor.js和app.js中)
// import Articles from './components/Articles'
// import Topics from './components/Topics'
// import AboutMe from './components/AboutMe'
// impo