创建第一个Vue项目并导入element

创建Vue项目

创建vue项目之前需要下载node.js，国内建议配置淘宝的镜像

1. 下载node.js

• 去node官网(nodejs.org/en)下载对应版本一直点next安装即可
• 随便打开一个文件夹按住shift+鼠标右键会有Powershell窗口选项，然后打开Powershell窗口
• 输入命令

node -v//查看node版本
npm -v//查看npm版本

如果不是最新版，请输入下面指令

npm install -g npm

使用淘宝镜像

大家都知道国内直接使用npm 的官方镜像是非常慢的，推荐大家使用淘宝 NPM 镜像。

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

2. 初始化项目

• 全局安装vue-cli

cnpm install vue-cli -g      //全局安装 vue-cli

输入vue list检查vue-cli是否安装成功

vue list

3. 创建第一个vue项目

cmd打开你想创建vue项目的目录
输入vue init webpack 你的项目名

vue init webpack vuestudy

※※※注意！！！这三个地方如果不选no会默认选择严格模式，在编写项目适合会报警告错误！

这样第一个vue项目就创建好了！！
然后在创建好的项目根目录打开powershell窗口，输入指令就可以安装和运行了！

cmpm install//安装
cnpm run dev//运行