一:安装node,node --version,npm --version查看版本,nodejs已经集成了npm
二:安装cnpm淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
三:.安装Vue
cnpm install vue
四:全局安装vue-cli 脚手架工具 ,这里看你要安装哪个版本,安装完之后用vue --version查看版本
a:2.0版本
cnpm install -g vue-cli
假如你已经装了2.0,想装3.0,那么可以卸载2.0再装3.0
npm uninstall vue-cli -g 或 yarn global remove vue-cli
b:3.0版本
npm install -g @vue/cli
# OR
yarn global add @vue/cli
五:在自己电脑上新建一个放项目的文件夹,cd到在该目录
a:创建2.0vue项目
vue init webpack 项目名称
b:创建3.0vue项目
vue create 项目名称
注意:2.0和3.0生成的项目目录不一样,2.0的vue-cli 脚手架只能建2.0项目,3.0的vue-cli 脚手架只能建3.0项目
六:上面就已经新建项目成功,如果你想要使用其他组件的话可以安装依赖,先项目生成后cd到你的项目下,执行
a:安装elemen-ui和axios依赖
cnpm install axios -S
cnpm install element-ui -S
//新版本:cnpm install element-ui@2.0.2 -S
b:卸载element-ui
cnpm uninstall element-ui
七:运行
a:2.0运行
cnpm run dev
b:3.0运行
cnpm run serve