Vue安装

92 阅读1分钟
  • 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,最主要它里面起到了有调试功能 } }

1.jpg

2.jpg

3.jpg

4.jpg

5.jpg

6.jpg