vue学习笔记-使用vue-cli脚手架快速创建vue项目工程

来源:互联网 发布:陈震淘宝店叫什么 编辑:程序博客网 时间:2024/05/21 15:48
  • vue-cli脚手架制作
    vue-cli是Vue.js 提供的官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。

  • 安装国内NPM镜像

    • 在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。
    • npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便,推荐安装国内npm镜像
1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set registry https://registry.npm.taobao.org// 配置后可通过下面方式来验证是否成功npm config get registry// 或npm info [name<应用名称>]3.通过cnpm使用npm install -g cnpm --registry=https://registry.npm.taobao.org// 使用cnpm install [name]
  • 命令行工具vue-cli的配置参数
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project#进入my-project目录文件$ cd my-project# 安装依赖 $ npm install$ npm run dev
原创粉丝点击