vue初始化项目搭建,scss配置

刚开始我们要配置好node.js 和Git  才能进行vue的项目创建

初始化项目搭建

1. vue init webpack +项目名称

例子：vue init webpack baobao

```

Generate project in current directory? Yes

? Project name pconline

? Project description A Vue.js project

? Author zmt <mengtuo@outlook.com>

? Vue build standalone

? Install vue-router? Yes

? Use ESLint to lint your code? No

? Set up unit tests No

? Setup e2e tests with Nightwatch? No

? Should we run `npm install` for you after the project has been created? (recommended) npm

```

 

2. 安装一些必备的第三方loader或插件

```

//让项目可以直接编写scss结构的样式

npm i node-sass sass-loader -D

然后在build的webpack.base.cof.js里面配置 就可以了

记得编译是<style lang=“scss” scoped>

 

 

axios和vuex 如果不用到就不需要安装

//安装axios插件,该插件是用于请求数据

npm i axios -S

 

//安装vuex

npm i vuex -S

```

3. 删除一些不必要的组件Hello.vue（在src.component里面）以及相关的配置也要删掉,路由里和Hello.vue相关都删除掉

4. 运行输入npm run dev 就好了

 

5 因为VUE里面没有axios 所以可以直接把axios注册为全局变量

 

在src/main.js 中输入import axios from 'axios'

Vue.prototype.$http=axios;