nodejs搭建vue環境

首先下載node.js安裝並且配置好環境變量。

去nodejs官網下載即可,地址:http://nodejs.cn/中文網

前提要安裝 以下:

    1)安裝vue淘寶鏡像 
        npm install -g cnpm --registry=https://registry.npm.taobao.org

    2)安裝webpack 
        npm install webpack -g

    3)安裝vue腳手架 
        npm install vue-cli -g

1、在文件目錄下新建文件夾,命名爲vuetest(名字自定義不做限制啊,只是一個目錄方便管理)。

windows用戶的話,直接進入該文件夾之後點擊上方,點擊地址欄輸入cmd然後回車,就直接用cmd進去改目錄下。

在命令行輸入 vue init webpack (這裏輸入你的項目名字)

下面我解釋命令之後的東西

?Project name test   -----------項目名字叫test
? Project description A Vue.js project   -----這是一個vue項目
? Author jh                 --------------作者叫jh
? Vue build standalone     
? Install vue-router? Yes    ------------是否安裝路由(這裏不安裝的話也可以進去後手動安裝,一般默認安裝y)
? Use ESLint to lint your code? No  -------是否使用ESLint 模式(這是嚴格模式會比較麻煩,新手建議不用,畢竟影響不大)
? Set up unit tests Yes    -------- 是否設置單元測試,看需求,一般使用
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes     ----nightwatch實現vue應用e2e測試

等待一會兒就等下載完之後就好了,如果下載過程中有問題使用cnpm install 一下

之後進去剛剛新建的vue項目的根目錄下面,輸入npm run dev 之後就運行了

直接訪問 http://localhost:8080 

一個vue項目就新建完成了
--------------------- 
作者:雪寂霜凝 
來源:CSDN 
原文:https://blog.csdn.net/duanaibing3017/article/details/79838050 
版權聲明:本文爲博主原創文章,轉載請附上博文鏈接!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章