Vue 入門環境搭建
公眾號:代碼集中營
每周分享技術文章、優質軟件資源
第一步:安裝node.js 下載鏈接
node簡介
Node.js是一個Javascript運行環境。實際上它是對Chrome V8引擎進行了封裝。Node 是一個服務器端 JavaScript 解釋器,他會改變服務器應該如何工作的概念。它的目標是幫助程序員構建高度可伸縮的應用程序,編寫能夠處理數萬條同時連接到一個物理機的連接代碼。那直白的說,Node.js就是服務器程序,是用來做后端的技術,不能直接用于前端開發。但是干前端的學會了會更加的牛逼,對編程的思想和代碼效率有很大的提升。Node大量使用時間驅動實現異步開發,能夠高效的打通前后端,所以vue也是采用他作為配置環境,便于大型項目的開發。
如何查看是否安裝成功 打開終端輸入 node -v
設置淘寶源:通過配置鏡像,便于下載npm其他東西,非必須配置,打開終端輸入一下命令
npm config set registry https://registry.npm.taobao.org
npm config set sass_binary_site=[https://npm](https://npm).[taobao.org/mirrors/node-sass/](http://taobao.org/mirrors/node-sass/)
第二步:安裝vue.js
打開cmd命令框,輸入 npm install vue
第三步:安裝vue-cli工具
Vue-cli是vue官方提供的一個命令行工具(vue-cli),可用于快速搭建大型單頁應用,打開cmd命令框,輸入
sudo npm install -g @vue/cli
sudo 是管理員權限,不需要可以不加
第四步 :安裝webpack
webpack 是處理模塊管理、打包, 打開cmd命令框,輸入
npm install webpack -g
第五步:創建vue的demo項目
- cd到要創建的文件夾:cd /Users/apple/Desktop/VueDemo
- 在VueDemo文件夾內,創建一個叫helloword的工程:vue create helloword
- 之后會彈出一些選擇項,如果不知道選擇哪個,按照我截圖的選擇即可
- 之后VueDemo文件夾內就會出現一個helloword 的demo工程
第六步:運行demo項目
- cd 到helloword工程目錄下
- npm install 第一次運行工程需要執行,目的是下載項目中用到的node_modules庫
- npm run serve 啟動服務
- 打開瀏覽器 http://localhost:8081/ 就可以看到我們本地搭建的項目
###npm指令記錄:
//安裝vant 插件
npm install vant --save
//啟動服務器
npm run serve
//打包成產品的時候 需要用到的指令
npm run build
##參考文獻
1. 推薦安裝 Visual Studio Code 是Vue編輯器,便于開發使用 下載地址
2. 官方教程 Vue CLI
智能推薦
React-Native 入門環境搭建(Window環境)
這篇文章是我綜合網上大神的博客,RN官網以及自己的一些經驗寫出來的,對于剛入坑的應該有一定幫助,一起努力共同進步, 其中有不對的地方請指正,我會虛心學習 Java 開發環境(必須),不會的同學自己去補充 準備好所需的軟件: 1、Node.js 下載地址;http://nodejs.cn/download/ 安裝完nod...
Flutter入門環境搭建及hello_flutter
0.效果 概念性的東西我不太會扯,先給一個Fullter開發調試時的效果,讓你3秒鐘愛上ta 1.系統環境搭建 所需基礎工具:git,Android Studio, IntelliJ IDE,這些的下載安裝就不啰嗦了。 安裝Flutter ,win+R cmd 輸入 配置環境變量,如...
第一章:tornado入門環境搭建
一、準備及安裝工具 1、pycharm 2017以下簡稱pycharm 2、虛擬機或者自己有服務器 3、安裝ubuntu 16.04系統以下簡稱ubuntu 4、Xshell 5遠程連接工具以下簡稱Xshell 二、ubuntu中環境的基本配置 1、創建一個虛擬環境用來跑我們開發的tornado項目 2、查看自己服務上已經創建好的虛擬環境的命令workon 3、進入一個虛擬環境的命令workon ...
freemarker + ItextRender 根據模板生成PDF文件
1. 制作模板 2. 獲取模板,并將所獲取的數據加載生成html文件 2. 生成PDF文件 其中由兩個地方需要注意,都是關于獲取文件路徑的問題,由于項目部署的時候是打包成jar包形式,所以在開發過程中時直接安照傳統的獲取方法沒有一點文件,但是當打包后部署,總是出錯。于是參考網上文章,先將文件讀出來到項目的臨時目錄下,然后再按正常方式加載該臨時文件; 還有一個問題至今沒有解決,就是關于生成PDF文件...
猜你喜歡
電腦空間不夠了?教你一個小秒招快速清理 Docker 占用的磁盤空間!
Docker 很占用空間,每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時,我們的磁盤空間會被大量占用。 如果你也被這個問題所困擾,咱們就一起看一下 Docker 是如何使用磁盤空間的,以及如何回收。 docker 占用的空間可以通過下面的命令查看: TYPE 列出了docker 使用磁盤的 4 種類型: Images:所有鏡像占用的空間,包括拉取下來的鏡像,和本地構建的。 Con...
requests實現全自動PPT模板
http://www.1ppt.com/moban/ 可以免費的下載PPT模板,當然如果要人工一個個下,還是挺麻煩的,我們可以利用requests輕松下載 訪問這個主頁,我們可以看到下面的樣式 點每一個PPT模板的圖片,我們可以進入到詳細的信息頁面,翻到下面,我們可以看到對應的下載地址 點擊這個下載的按鈕,我們便可以下載對應的PPT壓縮包 那我們就開始做吧 首先,查看網頁的源代碼,我們可以看到每一...
Linux C系統編程-線程互斥鎖(四)
互斥鎖 互斥鎖也是屬于線程之間處理同步互斥方式,有上鎖/解鎖兩種狀態。 互斥鎖函數接口 1)初始化互斥鎖 pthread_mutex_init() man 3 pthread_mutex_init (找不到的情況下首先 sudo apt-get install glibc-doc sudo apt-get install manpages-posix-dev) 動態初始化 int pthread_...
統計學習方法 - 樸素貝葉斯
引入問題:一機器在良好狀態生產合格產品幾率是 90%,在故障狀態生產合格產品幾率是 30%,機器良好的概率是 75%。若一日第一件產品是合格品,那么此日機器良好的概率是多少。 貝葉斯模型 生成模型與判別模型 判別模型,即要判斷這個東西到底是哪一類,也就是要求y,那就用給定的x去預測。 生成模型,是要生成一個模型,那就是誰根據什么生成了模型,誰就是類別y,根據的內容就是x 以上述例子,判斷一個生產出...