vue.js入門環境搭建

使用vue首先需要安裝node。

一、開始安裝全局的vue-cli腳手架（使用vue-cli是因為它可以幫助我們搭建好我們所要的模板，比較簡單），在命令行輸入：

cnpm install -g vue-cli

如果沒有安裝淘寶的npm鏡像可在命令行輸入：

npm install -g cnpm –registry=https://registry.npm.taobao.org

進行安裝，之后用到npm的地方就可以使用cnpm代替了

檢查是否安裝成功輸入vue回車有信息出來就成功了！

二、創建一個新的項目（vue_project）

vue init webpack vue_project

每個模塊都是相互依賴的，所以需要下載依賴cnpm install，這時文件夾就多出了一個node_modules文件夾，此時的目錄結構如下：
這里寫圖片描述

四、測試默認app.vue模塊是否能夠運行：

cnpm run dev

默認端口是;8080,在瀏覽器地址欄輸入http://localhost:8080 也可以打開

本文鏈接：https://blog.csdn.net/nuanxiasuiyuan/article/details/76084978

智能推薦

NS3 入門環境搭建

NS3 入門環境搭建3.30版本首先確保系統已經安裝了vim 沒有的話請先安裝。命令如下：環境搭建 1.添加源 2.編寫腳本安裝依賴包首先使用vim建立個腳本文件在里面輸入以下命令，可以直接復制粘貼。不行的話請看我博客里的Ubuntu配置優化。保存腳本退出，獲取root權限 3、下載ns3源碼，解壓 4、配置 5、編譯 ./waf 6、測試輸出以下信息，則成功 7、運行我們通常使用w...

Spring Boot簡介 Spring Boot是由Pivotal團隊提供的全新框架，其設計目的是用來簡化新Spring應用的初始搭建以及開發過程。該框架使用了特定的方式來進行配置，從而使開發人員不再需要定義樣板化的配置。通過這種方式，Spring Boot致力于在蓬勃發展的快速應用開發領域(rapid application development)成為領導者。 Spring Boot優點簡...

HBbase單機快速入門環境搭建

下載解壓最新版本 HBase下載地址：http://archive.apache.org/dist/hbase/ 點擊stable目錄選擇不同版本，然后下載后綴為 .tar.gz 的文件; 例如 hbase-0.98.9-hadoop2-bin.tar.gz，解壓縮，然后解壓到指定的目錄. - jdk1.6以上版本配置如果你在命令行鍵入java有反應說明你安裝了Java。如果沒有裝，你需要先安...

nacos最簡入門環境搭建

Nacos官網 https://nacos.io/zh-cn/docs/what-is-nacos.html https://spring-cloud-alibaba-group.github.io/github-pages/hoxton/en-us/index.html#_spring_cloud_alibaba_nacos_discovery 1是什么？ Nacos 致力于幫助您發現、配置和管...

HTML中常用操作關于：頁面跳轉，空格

1.頁面跳轉 2.空格的代替符...

vue.js入門環境搭建

智能推薦

猜你喜歡