通过npm安装vue框架并运行

931 阅读1分钟

一、安装vue

npm install vue -g

二、npm切换版本(10.11.0)

  npm use 10.11.0

三、安装vue-cli脚手架

npm install -g @vue/cli-init

四**、安装webpack**

npm install webpack -g

五**、cd进一个路径,存放我们将要建的项目,否则会默认路径建项目**

cd     "新建项目要存放的路径"

 vue init webpack "项目名称"

安装时候以下3个选择N,其他直接Y或者回车:

是否使用ESLint检测你的代码,输入n

是否安装测试,这个看个人,我这里就选择n

是否需要安装自动化测试,这个也是看个人,我输入n

六**、等待vue项目初始化完成后,cd进入所在目录**

cd "项目所在文件夹"

七**、然后运行vue项目**

npm run dev

vue已在localhost:8080跑起来了

成功后我们进入浏览器,输入localhost:8080会展示显示下面的页面