1.创建

vue2.0

  • node.js环境(npm包管理器):安装node.js,因为npm包管理器集成在node中。
  • cnpm  npm的淘宝镜像:在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ,然后可以使用cnpm代替npm.
  • vue-cli 脚手架构建工具:cnpm install -g vue-cli
  • 使用cli构建项目:命令行中运行命令,先切换到项目目录(用来保存), vue init webpack+npm init webpack my-project,之后根据提示选择Y或者N。此时项目框架有了,但是需要安装依赖:切换到项目目录,cnmp install,此时,文件夹多了一个node_modules,这里面是项目需要的依赖包。

vue3.0

  • 如果之前安装了vue-cli2.0,那么需要先卸载 npm uninstall -g vue-cli。
  • 想继续使用Vue2.0,安装一个桥接工具,可以继续使用Vue2.0 npm install -g @vue/cli-init
  • 创建项目 npm init webpack +项目名
  • npm install -g vue@cli或者npm install -g @vue/cli
  • 创建项目 vue create my-project 
  1. 在这里的选项:默认配置和自定义配置,自定义配置进入后可以选择要安装的插件,空格选择,a全选。选好之后回车,会有详细的选项,根据需要选择即可。选好后回车开始创建项目。

参考https://juejin.im/post/5ad862c95188252eb3237752

2.运行

Vue2.0

       首先命令行进入项目目录,输入命令:npm run dev(若是文件夹里没有node_modules需要cnpm install),会给出一个http://localhost:8080;打开就可以看到网页了。【注意:不能关闭命令行窗口】。如果很慢可以使用淘宝的cnpm镜像。

Vue3.0

  • 创建成功后cd 项目,  npm run serve
  • Vue-cli3.0支持图形化界面 执行vue ui,在图形界面操作
  • Vue3.0支持快速原型开发,可以直接运行单个vue文件 npm install -g @vue/cli-service-global,vue serve vue文件,vue build vue文件(打包)

 

 

 

Logo

前往低代码交流专区

更多推荐