vue 安裝並建立vue專案

2022-07-16 22:51:14 字數 646 閱讀 4807

2,npm包管理器,是整合在node中的,所以安裝了node也就有了npm,直接輸入 npm -v 命令,顯示npm的版本資訊。

3,安裝vue-cli,執行下面的命令

npm install -g vue-cli  / cnpm i -g vue-cli

安裝結束之後,可以使用vue -v 檢視 vue 的版本

4,使用腳手架安裝專案: vue init webpack demo 

project name(工程名):回車

project description(工程介紹):回車

author:作者名

vue build(是否安裝編譯器):回車

install vue-router(是否安裝vue路由):回車

use eslint to lint your code(是否使用eslint檢查js**):n

set up unit tests(安裝單元測試工具):n

setup e2e tests with nightwatch(是否安裝端到端測試工具):n

should we runnpm installfor you after the project has been created? (recommended):回車。

5,啟動專案

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...

如何建立並執行vue專案

如何執行vue專案 1 安裝node.js npm包 vue cli構建工具 npm install g vue cli cnpm npm的 映象 可直接用npm 2 建立專案 vue init webpack webpack構建工具 firstvue 專案資料夾名稱 直接回車 yes 即可 完成後...

vue安裝及建立專案

安裝 cnpm install vue g cnpm install vue cli g 建立vue專案 vue init my pro 或者 vue init webpack my pro 建立完專案需要修改package.json 增加依賴,執行下面命令安裝依賴 cd my pro cnpm i...