vue2.x 项目搭建

• Z时代
• 2024-01-10
• 分类：综合

1. 环境搭建
   

   a) 下载node.js http://nodejs.cn/download/
   

   安装完成后添加到坏境变量
   

   b) 全局安装 vue-cli
   

   npm install -g vue-cli(输入 vue -V输出版本号则为安装成功)

2. 新建项目
   

   a)进入你需要新建项目的目录输入：
   

   vue init webpack test（一直回车即可）
   

   结束后会生成一个test的文件夹vue的项目则在此目录下如图：
   
   

   b)运行项目
   

   在test目录下输入:
   

   npm install安装所需插件(注：国内npm不太好用可以去配置下cnpm)如图:
   
   

   安装成功后输入
   

   npm run dev 则可以运行项目如下:
   
   

   在浏览器中输入localhost:8081则可以看到我们的项目页面

以上是 vue2.x 项目搭建 的全部内容， 来源链接： utcz.com/z/377437.html