- 1、先安装
npm i -g @vue/cli这个指令 - 2、vue create 项目名称 自己选择安装vue2或者vue3版本,或者第三个选项自己选择安装什么具体依赖。
- 注意:按空格键是确定选择,按回车就直接安装了
- 3、npm run serve 让项目跑起来命令
App.vue是单文件组件,它自己就是一个组件。start
- 1、cnpm init 初始化node——mondules文件
- 2、cnpm i webpack -S (安装局部webpack)
- 3、cnpm i vue -D (局部安装vue)
- 4、cnpm i css-loader vue-style-loader -D (安装vue、css、style-loader)
- 5、cnpm i babel-core babel-loader babel-preset-env babel-preset-stage-3 --save-dev
- 6、cnpm i vue-loader vue-template-compiler -D
如果手动安装报vue-loader/lib/plugin的话,那就把vue-loader安装成15.10.0版本
用最新版的loader,就不需要创建.babelre文件了 resolve:{ alas:{ 'vue$':'vue/dist/vue.esm.js';//配置它是完整版的vue,最主要它里面起到了有调试功能 } }