vue2.0/vue3.0项目的创建和运行
1.创建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...
·
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
- 在这里的选项:默认配置和自定义配置,自定义配置进入后可以选择要安装的插件,空格选择,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文件(打包)
更多推荐
已为社区贡献5条内容
所有评论(0)