1.全局安装 vue-cli
npm i vue-cli -g
2.在需要创建项目下打开命令行窗口,执行命令
vue init webpack projectname(你的项目名称)
3.进入项目根目录 ,安装所需的依赖,执行命令
npm i
4.编译文件,并自动打开浏览器测试,输入命令
npm run dev 或者npm run start
5.主入口文件
src/main.js
6.主组件文件
src/App.vue
7.组件位于components文件夹中
8.路由文件 src/router/index.js
9. .vue组件中
template放DOM结构
script放js代码
style放css或less文件,若需添加局部样式,在style标签中添加scoped
10.使用less文件需要安装
npm i vue-style-loader css-loader less less-loader -D
引入全局的文件可使用less的解析方式 , @import "文件URL";
<style lang="less" scoped>
@import "url";
</style>
11.vue之ajax的vue-resource的使用
npm i vue-resource -S
在main.js中
import Resource from "vue-resource";
Vue.use(Resource);
使用:
this.$http.get("url").then(function(res){
console.log(res);
})
11.vue之axios的使用,详见。。。今天先不写,去公司再写
12.vue之文件打包上传
最最最浅显的一个:
npm run build
另一种在项目搭建的时候,就部署好测试环境和生产环境分别应该打包的配置方式,还在研究当中。。。。