IDEA中Vue的安装和使用

一、必须软件：

1、开发工具：Idea

安装插件：settings>plugins中安装vue.js插件

2、下载并安装nodejs  https://nodejs.org/zh-cn/

检查nodejs安装结果

node -v
npm -v

3、安装 cnpm

npm i -g cnpm --registry=https://registry.npm.taobao.org

二、开始创建project

1、全局安装，IDEA创建一个 Static Web 项目，打开Terminal

npm i -g vue-cli
cnpm i -g webpack

#或者

cnpm install -g webpack
cnpm install -g vue-cli

vue -V  

1、创建项目

vue init webpack vue02

? Project name vue02
? Project description A Vue.js project
? Author xx<26@qq.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm

如果执行失败，提示各类错误，用下面这种方法替换

git clone https://github.com/vuejs-templates/webpack-simple
vue init ./webpack-simple prj_vue02

D:\dev\work\vue01>vue init ./webpack-simple vue03

? Project name vue03
? Project description A Vue.js project
? Author xxx <261@qq.com>
? License MIT
? Use sass? No

   vue-cli · Generated "vue03".

   To get started:

     cd vue03
     npm install
     npm run dev