VUE环境部署

时间:2021-02-15 18:19:05
 npm install vue-router --save

下载node.js安装https://nodejs.org/en/

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install vue-cli -g

初始化:

vue init webpack vue-demo

npm install

npm run dev

npm install stylus-loader css-loader style-loader less-loader --save-dev

webpack中如何使用vue
//1.安装vue包 cnpm i vue -D
//2.由于需要在webpack中要使用 .vue 这个组件模板定义组件 所以需要下载 安装能够解析 .vue 的loader
 //cnpm i vue-loader vue-template-compiler -D
 //3.在main.js文件中 导入vue模块 import Vue from 'vue'
 //4.定义一个.vue结尾的组件,里面的内容包括 template script style 这三大主标签
 //5.需要在webpack.config.js 的配置文件里面定义组件 {test:/\.vue/,use:'vue-loader'}
 //6.使用import xxx from './xxx.vue',导入这个组件
 //7创建vm实例 var vm = New Vue({el:'#app',render:c=>c(xxx)})
 //8.在页面中创建一个id为app的div元素,作为vm实例控制的区域