手把手教你搭建Vue框架

Vue项目环境搭建
1、 安装Node.js双击安装node-v8.9.1-x64.exe。
安装完成后输入命令 node -v ,若显示Node.js版本,既安装成功。
在这里插入图片描述
2、 基于node.js,利用淘宝npm镜像安装相关依赖。控制台命令:
在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装…
在这里插入图片描述
在这里插入图片描述
3、 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架,在cmd里输入:
cnpm install -g vue-cli,回车,等待安装…
在这里插入图片描述
安装完成后,输入vue,出现Vue信息,则表示vue-cli脚手架安装完成。
在这里插入图片描述
指定项目所在路径,输入vue init webpack vue_project(最后这个是我创建的项目文件夹的名字)
在这里插入图片描述
在这里插入图片描述
等待下载,下载完成后即可在资源管理其中查看。

4、使用vscode进行编辑,安装几个代码提示插件,运行程序输入npm run dev

运行后可以打开

猜你喜欢

转载自blog.csdn.net/weixin_44041659/article/details/84974240