vue新建專案

2021-08-21 13:54:27 字數 960 閱讀 7686

一、前提:

安裝node(使用它的包管理工具npm);

全域性安裝cnpm(npm比較慢,但也可以省略該步驟);

全域性安裝vue腳手架工具vue-cli(命令:npm install -g vue-cli )

二、新建專案:

1. 在指點目錄下使用命令:vue init  webpack 專案名稱

2. cd 進入專案資料夾,使用命令:cnpm install 安裝依賴檔案

3. 執行命令:cnpm run dev 即可執行專案(預設埠為8080)

三、整合常用庫

1. vue中整合element-ui

import elementui from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

import '@/styles/reset.css' //重置樣式

import '@/styles/reelement.css' //重置element樣式

import '@/styles/common.css' //共用樣式

vue.use(elementui)

2. vue 中整合sass

3. vue中整合jquery

新增**:

全域性引入:在main.js裡引入:import 'jquery'      ===>>> 這樣可以全域性使用,也可以在要使用的頁面中單獨引入

引入之後便可使用$;元件中測試可使用:console.log($('選擇器'))

以上是我在配置環境時整合第三方庫的過程。

新建vue專案

1.前期準備工作 1.2 安裝 映象 npm install g cnpm registry 2.專案初始化 2.1 安裝vue cli cnpm install vue cli g,使用 vue list 檢視vue cli是否成功 2.2 選定乙個目錄新建vue專案,vue init webpa...

新建Vue專案

1 安裝vue命令列工具,webpack和git,使用 映象cnpm。參考 2 開啟命令列,進入到要存放的目錄,windows使用者可以使用shift 滑鼠右鍵,在想要存放的目錄下開啟命令列。然後輸入 vue init webpack project name 進入vue新建專案。通過提示資訊我們可...

使用vue cli新建vue專案

安裝vue cli vue cli是乙個npm的安裝包,使用 g指令將它安裝到node.js的全域性執行目錄下 npm i vue cli g 安裝成功後就可以使用vue cli來初始化vue專案。使用vue cli初始化專案 初始化專案時使用init命令,它會為我們自動建立新資料夾,並將需要的檔案...