Vue 2.x项目完整搭建步骤
文章已阅读次
本文档适用于Vue2的项目创建,不适用于Vue3
1)安装Node(转淘宝镜像)和2.x版本的vue-cli
安装node后可通过指令:node –version
查看版本号
安装vue-cli后可通过指令:vue –version 或 vue -V
查看版本号
2)使用vue-cli脚手架初始化vue项目
1 | vue init webpack my_vue_project |
my_vue_project为项目名
执行以上命令后,项目包已经生成node_module 、package.json配置文件等
3)安装项目依赖(进入刚刚创建的项目文件夹)
cd my_vue_project
cnpm install
4)启动项目
cnpm run dev
或
cnpm start
这样vue网站就启动起来了,默认是本地8080端口,当然可以配置文件:config
port:8080,//修改启动端口号
autoOpenBrowser:true,//自动打开浏览器,反之为false