一、node环境
首先下载node.js
官网下载：https://nodejs.org/en/
安装步骤，除了安装路径最好修改下到D盘，其他无脑操作next即可！
安装好之后，在cmd或者VsCode中终端均可查看是否安装成功，如果显示版本号，即安装成功。
二、Vue脚手架
1.全局安装脚手架:vue-cli
安装方式：npm(常用)
npm i vue-cli -g
此命令只需运行一次，安装上之后就不用再安装了！
2.安装vue指令
npm install vue
安装完成，查看vue版本
vue -V(注意此处V是大写V)
注意！此处如果查看版本号出现以下错误：
此处”无法在此系统上禁止运行脚本”,是因为PowerShell执行策略被禁止了，解决办法如下：
1.首先退出VsCode,以管理员身份再运行
2.执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;
3.执行：set-ExecutionPolicy RemoteSigned;
4.这时再执行get-ExecutionPolicy，就显示RemoteSigned;
之后就不再有问题了！
再次查看版本号：
vue -V
三、创建一个基于webpack模板的项目
然后各个选项可以一路回车：
进入你刚才创建的项目路径下
cd spring-vue-project
还有一步进入项目之后安装所有包
npm i
最后启动项目
npm run dev
此时在浏览器输入:http://localhost:8081项目运行
这时候，在你的项目文件下会显示对应的结构：
项目入口页面：
外链图片转存中…(img-38c16e80-1608698416048)]
项目入口页面(要是想在入口页面显示信息，需要在入口页面index.html中添加信息，如Hello Vue)：
至此一个Vue脚手架项目就建立完成了！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/189541.html
