前提:
1、安装node.js ( 一定要安装好)
查看node是否安装 node -v
2、查看npm是否正常 npm -v
新建文件夹---cd 文件夹名
3、基于node.js,利用淘宝npm镜像安装相关依赖
npm config set registry="http://registry.npm.taobao.org/"
4、安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
npm install -g vue-cli
vue -V 查看是否安装成功
5、创建vue工程 webpack(打包工具)
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图
6、安装依赖
在cmd里 1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:npm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)
基于脚手架创建的默认项目结构如下图所示:
7、测试环境是否搭建成功
方法1:在cmd里输入:npm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)