简单操作npm在指定目录下创建Vue项目

//进入指定目录下,进行创建
1:cd 指定目录下
//检查vue 和 node的版本
vue -V
node -v
//开始创建Vue项目
vue init webpack vuedemon1
//以下是对创建文件的一些描述以及其他的信息
Vue的初体验
//进入到项目中
cd vuedemon1
//构建项目依赖
cnpm install (cnpm是安装了国内淘宝镜像,这样速度比较快)
//运行项目检查是否成功
npm run dev
Vue的初体验
Vue的初体验以上代表创建成功。

Vue-Router路由操作

在创建项目的基础上。
//安装路由
npm install vue-router --save-dev
//检查是否安装成功 以下代表成功
Vue的初体验
//安装依赖
cnpm install
//运行以下
npm run dev
//成功之后,创建基本架构
Vue的初体验
//详细操作创建多个组件content.vue Main.vueVue的初体验Vue的初体验

//创建路由
Vue的初体验//在main.js中设置路由,这是程序入口
Vue的初体验Vue的初体验

//最后运行
npm run dev
Vue的初体验
Vue的初体验

Vue的初体验

相关文章:

  • 2021-11-03
  • 2022-12-23
  • 2021-08-17
  • 2021-04-15
  • 2021-02-09
  • 2021-08-22
  • 2021-07-02
猜你喜欢
  • 2022-12-23
  • 2021-05-29
  • 2021-05-30
  • 2022-12-23
  • 2022-12-23
  • 2021-08-10
  • 2022-12-23
相关资源
相似解决方案