Vue脚手架搭建项目

阖湖丶

于 2021-10-31 23:05:11 发布

阅读量304

点赞数

文章标签： webpack vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_44529746/article/details/121071750

版权

本文介绍了如何使用vue-cli 2.0和3.0搭建Vue.js项目。首先确保环境支持node和npm，然后全局安装vue和vue-cli。在2.0中，通过Vue list选择webpack模板创建项目；在3.0中，需先卸载旧版，安装@vue/cli并进行图形化或命令行创建。启动项目后，访问http://localhost:8080查看项目是否成功。同时，文章涵盖了各版本中文件夹的说明和自定义功能配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue-cli 2.0项目搭建

确保当前环境是否支持node和npm

C:\Users\65107>node -v
v12.16.1

C:\Users\65107>npm -v
6.13.4

全局安装vue

语法：npm install vue -g

C:\Users\65107>npm install vue -g
+ vue@2.6.11
added 1 package from 1 contributor in 29.298s

全局安装vue的脚手架工具 vue-cli

语法：npm install vue-cli -g

C:\Users\65107>cnpm install vue-cli -g
Downloading vue-cli to C:\install\nodejs\node_global\node_modules\vue-cli_tmp
Copying C:\install\nodejs\node_global\node_modules\vue-cli_tmp\_vue-cli@2.9.6@vue-cli to C:\install\nodejs\node_global\node_modules\vue-cli
Installing vue-cli's dependencies to C:\install\nodejs\node_global\node_modules\vue-cli/node_modules

此时在node的全局路径下出现以下内容