返回博客
前端
2017-03-061 min

webpack工程化创建vue项目

npm install --g vue-cli cd demo 在选定目录中: vue init webpack firstVue 初始化一个项目,其中webpack是构建工具,即整个项目是基于webpack的。firstVue是整个项目文…

webpack工程化创建vue项目

安装vue-cli脚手架构建工具:

text
      npm install --g vue-cli

进入选定目录:

text
      cd demo

在选定目录中:

text
      vue init webpack firstVue

初始化一个项目,其中webpack是构建工具,即整个项目是基于webpack的。firstVue是整个项目文件夹的名称

cd进入项目文件夹安装项目所需依赖:

text
      运行命令  npm(cnpm) install

运行项目:

在项目目录运行命令

text
      npm run dev
      

用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。 其中“run”对应的是package.json文件中scripts字段中的dev,也就是node build/dev-server.js命令的一个快捷方式。

vue