Vue的安装与使用

Posted bing2017

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue的安装与使用相关的知识,希望对你有一定的参考价值。

1.为方便安装,先安装cnpm;

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v可查看版本

2.安装webpack3.0.因为最新4.0的需要node14版本以上,而win7并不支持.
cnpm install -g webpack@3.0

3.再安装vue-cli
cnpm install --global vue-cli
查看版本 vue -V 我当前是2.96的版本.这是刚安装的那些模板

技术图片

 

上面这种安装出来一般是vue2.9的版本.如果要安装3.0或以上的版本按下面的来
npm install -g @vue/cli@3.*
npm install -g @vue/cli-init
然后再去创建VUE项目
4.创建VUE项目.
  vue init webpack-simple 项目名
  cd 项目名
  npm install
  npm run dev


以上是关于Vue的安装与使用的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段2——.vue文件的模板