创建vue项目到打包上线

275 阅读1分钟

第一步:安装node

步骤:node官网下载,傻瓜式确定即可。nodejs.org/en/

//校验node安装成功
node- v

查看node版本

第二步:配置淘宝镜像,全局安装vue脚手架

//配置淘宝镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装完后查看版本
$ cnpm -v
//成功后会有版本信息返回,不成功有可能是node版本低
//全局安装vue脚手架  快速搭建vue项目
  cnpm install -g @vue/cli
//查看vue-cli版本 (注意大小写以及两个杠)
vue -V 或者 vue --version   

查看vue-cli版本

第三步:利用vue脚手架创建vue项目

//vue-cli@3及以上的版本
vue create myapp
//老版本
vue init webpack myapp
//若想新版本继续使用老版本命令,可以安装以下
npm install -g @vue/cli-init

第四步:运行项目 进入到项目目录下:打开控制台

npm run serve

成功显示结果
打开浏览器:输入http://localhost:8080/访问

第五步:打包准备