1、安装node.js:(下载地址)
(中)https://nodejs.org/zh-cn/
(英)https://nodejs.org/en/
1)安装vue.js:File -> Settings -> Plugins -> Browse respositoties:搜索vue.js,右侧提示Install(截图时已安装,未安装会提示Install)。安装成功后需要重启IDEA。
2)File Types: HTML 添加 *.vue类型:File Types: HTML 添加 *.vue类型:File -> Settings -> Editor -> File Types -> HTML:点Registered Patterns下的+,添加 *.vue
3)设置JS:File -> Settings -> Language & Frameworks -> JavaScript:选择 ECMAScript 6 和 Prefer Strict mode
(中)https://nodejs.org/zh-cn/
(英)https://nodejs.org/en/
2、安装cnpm(淘宝镜像) :
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、安装Vue:
cnpm install vue
4、安装vue-cli 脚手架工具:
cnpm install --global vue-cli
5、创建vue项目(可以指定目录):
vue init webpack my-project
6、安装依赖(到vue项目目录下):
npm install 或者 npm install --registry=https://registry.npm.taobao.org
7、运行新创建的vue项目(到vue项目目录下):
npm run dev
8、Intellij IDEA 安装 vue 插件:1)安装vue.js:File -> Settings -> Plugins -> Browse respositoties:搜索vue.js,右侧提示Install(截图时已安装,未安装会提示Install)。安装成功后需要重启IDEA。
2)File Types: HTML 添加 *.vue类型:File Types: HTML 添加 *.vue类型:File -> Settings -> Editor -> File Types -> HTML:点Registered Patterns下的+,添加 *.vue
3)设置JS:File -> Settings -> Language & Frameworks -> JavaScript:选择 ECMAScript 6 和 Prefer Strict mode