Vue.之.创建项目

时间:2022-09-27 18:59:24

Vue.之.创建项目

  

  第一次使用vue的时候,在已完成node的情况下,还需要在进行安装vue。

  指令:cnpm install vue-cli -g      //全局安装 vue-cli

  Vue.之.创建项目

  

  检查vue的安装情况,使用指令: vue list

  Vue.之.创建项目

  上面的工作准备好之后,开始创建vue项目。

  选定路径,新建vue项目,下面我一项目名为ntrc-app新建vue项目。 格式: vue init webpack  ”项目名称“

  Vue.之.创建项目

  创建指令: vue init webpack  ntrc-app

  Vue.之.创建项目

  

  安装&启动项目

  先进入项目中。指令:cd ntrc-app

  然后在安装一下依赖。指令:cnpm install

  最后启动,项目:cnpm run dev (使用 npm run dev也可以的)

  Vue.之.创建项目

    

  打开浏览器进行访问验证: http://localhost:8080

  Vue.之.创建项目

  项目工程如下:

  Vue.之.创建项目