專案初始化 vue cli

2021-08-16 06:40:52 字數 858 閱讀 5142

一、輸入命令 vue init [template-name] [project-name]

[template-name]有5種:webpack(常用)

webpack-******

browserfy

browserfy-******

******

[project-name]:

二、之後跟著提示輸入命令:

porject name:

專案名(盡量不要大寫)

project desription:

專案描述(回車)

author:

作者vue build:

第一種為

standalone方式,第二種runtime-only為runtime方式

runtime 打包的是 /node_modules/vue/dist/vue.common.js

standalone 打包的是 /node_modules/vue/dist/vue.js 

runtime和standalone 這兩種方式對普通使用者使用起來沒區別,多數人都是在*.vue裡寫...,所以用runtime就夠了。

vue-router:

是否需要路由外掛程式

eslint:

是否需要eslint**規範(選standard-標準)

tests:

單元測試(普通開發不需要)

e2e:

模擬使用者使用模式(no)

三、cd [project-name] 

進入專案

npm install 

安裝專案依賴包,即package.json

npm run dev

自動構建開發用的伺服器環境

VUE CLI初始化專案

用vue init命令來初始化專案,具體使用方法如下 vue init init 表示要用vue cli來初始化專案 表示模板名稱,vue cli官方提供的5種模板 webpack 乙個全面的webpack vue loader的模板,功能包括熱載入,linting,檢測和css擴充套件。webpa...

使用vue cli初始化vue專案

在專案中使用vue我使用vue cli腳手架搭建專案 1.先安裝nodejs 2.使用npm install g vue cli npm install g nrm nrm ls 即可檢視npm 的源利器有哪些 nrm use 切換npm的源利器 3.vue version 4.vue init w...

搭建vue cli並初始化專案

安裝 映象 安裝vue cli cnpm install vue cli g 檢視是否安裝成功 vue v 初始化專案 projectdemo 專案名 vue init webpack projectdemo project name demo 專案名稱 project description th...