- 安装node.js并配置环境变量
- vscode中新建终端,安装vue-cli
npm install -g vue-cli
- vscode终端中,安装webpack
npm install -g webpack
- 开始创建vue项目。首先创建一个文件夹存放项目,用vscode打开对应的文件夹,并新建终端。比如我的文件夹是vuefirsttry
vue init webpack vuefirsttry
注意:此步如果报错:因为在此系统上禁止运行脚本。
解决方法:
以管理员身份运行vscode;
执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;
执行:set-ExecutionPolicy RemoteSigned;
这时再执行get-ExecutionPolicy,就显示RemoteSigned;
运行
vue init webpack vuefirsttry
会出现一些配置项,可以根据需要配置,也可以默认,直接按回车。等待安装依赖项。完成之后,一个基本的 vue项目就搭建完了。完成之后的vscode左边可以看到项目目录,其中main.js就是入口。运行项目。cd到项目文件夹内。
npm run dev
- 在浏览器输入:
http://localhost:8080
,出现页面,表示成功。 - 项目打包发不上线
npm run build
完成后,项目文件夹中出现一个dist文件夹,直接部署就好了。