一、idea安装vue
1.搭建环境
搭建vue环境工具:node.js 主要是利用node.js里面的npm(包管理和分发工具)来安装依赖包
下载地址:https://nodejs.org/zh-cn/ (建议下载稳定版本)
检测是否安装完毕:窗口+r键-进入cmd-输入代码 node -v
2.idea安装插件
2.1 直接安装插件:打开file-setting-搜索vue 安装插件
2.2 如果插件里没有vue,进入官网https://plugins.jetbrains.com/plugin/9442-vue-js
下载对应的idea版本的插件
找到插件下载的位置,插入即可
2.3创建一个新的项目-选择一个新的路径储存文件
点击文件:找到下方的Terminal终端
进入刚才创建项目,在终端输入
1.安装npm淘宝镜像
npm i -g cnpm – registry=https://registry.npm.taobao.org
2.安装脚手架工具
npm i -g vue-cli
3.测试是否安装成功
vue -V
4.安装webpack工具
cnpm install -g webpack
5.以上完成后,创建项目
vue init webpack+ 项目名称
之后一路安装
components中是编写vue代码的位置
安装之后终端继续输入
cnpm run +项目名
项目创建结束
如果使用vue init webpack 项目 创建不了项目出现错误
可能是下载某些git文件时需要翻网,这个时候可以提下下载好,webpack文件如下:
提取码:1234
然后使用离线下载:在窗口终端输入: vue init webpack 项目名 --offiline 即可
3.项目部分文件认识
4.CDN方法
建议下载到本地后导入到项目中
链接:
Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg:https://unpkg.com/vue@2.6.14/dist/vue.min.js
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js