第一步:
安装vscode和node.js,然后打开终端检查环境,按win+r,输入cmd回车
node -v(查看node版本)
第二步:
安装vue(在终端输入指令)
npm install -g cnpm --registry=https://registry.npm.taobao.org
这是vue的淘宝镜像
第三步:
安装vue-cli脚手架
npm install -g @vue/cli 或者
cnpm install -g @vue/cli
安装完成之后,输入npm -v,查看是否安装成功(版本号)
第四步:
创建vue项目,找到你的工作文档,在剪贴板输入cmd,如图
![](https://i-blog.csdnimg.cn/blog_migrate/7da88d528575b4232120ce21cfc3576f.png)
第五步:
输入创建vue的指令
vue create vue1 (vue1是你创建项目文件夹的名字,注意符合规范)
第六步;
选择版本:(这里讲的是vue2.0,直接选择vue2.x就行了)
下一步是选择vue路由的模式:history和hash两种模式,历史模式(history)用了之后,项目运行没有#符号,自行选择(一般选择拒绝,输入n)
第七步:
恭喜你,项目创建完成了(可以去vscode输入npm run serve运行,或者cd到项目路径,再npm run serve,也能直接运行)
在浏览器输入
http://localhost:8080/
就能直接打开页面。
觉得不错的,点个赞支持一下吧,谢谢^^