一、npm 安装
nodejs的下载安装步骤这里不赘述，直接去官网。安装完成后直接查看 node 和 npm 的版本。
node -v
npm -v
大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 npm 镜像，这样就可以使用cnpm 命令来安装模块了。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
二、安装 vue-cli
cnpm install vue-cli -g
安装 vue-cli
安装完成后可使用命令行vue list查看是否成功。
三、新建文件夹，进入目录
vue init webpack ”项目名称“ 然后配置项目
创建项目
四、安装依赖包，运行项目
涉及下载的用 cnpm 速度会快一点，其余可直接用npm
cnpm install
npm run dev
最后项目目录的文件夹如下：
一 、创建项目 命令 ： 1 vue init webpack my-element //创建vue 项目 ...
1. vue-cli 创建项目 主流使用webpack模板进行创建 vue init webpack vuedem...
创建vue+webpack项目vue init webpack 2.eslint: Newline require...
使用webpack模板创建项目vue init webpack multi-entry-vue1、在目录下创建新的...
创建项目 vue init webpack CnodeJS-Vue 一开始用了 vue init webpack-...
1.创建larave项目 2.创建vue项目vue init webpack 项目名3.打开vue项目，把src下...
创建 vue-cli创建vue简单项目vue init webpack-simple vue-leaflet-ma...
vue init webpack 项目名称 //vue-cli2 创建项目的方式vue create 项目名...
vue-cli 搭建项目 Vue init webpack 创建项目选项详解 一、Project name :项目...
创建项目 推荐使用 vue init webpack-simple project-name webpack配置 ...
本文标题：webpack 创建vue项目
本文链接：https://www.haomeiwen.com/subject/wdqzqktx.html
网友评论