-
安装webstorm
前往官网https://www.jetbrains.com/webstorm/下载安装即可，可以免费试用三十天，足够学习使用了（要是三十天没学会，那也就基本可以放弃了）。
下载下来后直接点击安装即可。
在此之前安装node.js 官网：https://nodejs.org/en/download/
nodejs
如果发现没有npm命令的错误，就需要配置环境变量，复制node的安装目录路径。配置到系统环境变量path中
下载完默认选项安装即可，不需要多做选择 -
创建vue项目
打开https://cli.vuejs.org/zh/
按照提示，在cmd安装
npm install -g @vue/cli
npm install -g @vue/cli-service-global
可以使用vue --version查看安装版本(3.0以上版本可用vue ui)
然后使用vue ui可以图形化创建vue工程
在浏览器打开图形化窗口
vue_ui
选择创建目录
select
填写项目名称
create
配置，可选手动也可默认
create配置
首选配置，选择自己需要的配置
手动选择配置
最后的配置
最终配置...
最后等待创建完成
等待创建.PNG
完成后提示
完成后的项目
最后使用webstrom打开项目
打开项目
运行命令npm run serve
webstrom
success in browser
网友评论