第一步:桌面新建文件夹
第二步:vscode打开
第三步:vscode内终端执行如下代码:
sudo npm install -g vue-cli
注意:要加sudo!!!!!这一步就是搭建脚手架
等安装完成后:
第四步:查看安装是否成功
vue list
第五步:输入
sudo vue init webpack vue_project
注意:创建项目,名为vue_project
大部分问题都选yes即可,建议不要使用eslint语法。规范太严格,报错太烦人
第六步:完成之后执行
cd vue_project
注意:切换到根目录
第七步:输入
npm run dev
完事,之后会出现如下链接,点击,看到vue的页面就成功了
http://localhost:8080
之后导入element ui 组件
终端切回根目录
输入
cd vue_project
之后在终端输入
sudo cnpm i element-ui -S
完成后,查看packagejson,有无相应dependence