該初始化項(xiàng)目的方式建議有一定搭建項(xiàng)目基礎(chǔ)的開(kāi)發(fā)人員使用。因?yàn)椴捎萌缦戮?jiǎn)化的方式安裝把敞,不會(huì)在項(xiàng)目中生成bulid文件夾圾叼、config文件夾、static文件夾盛泡,這些文件是很重要的闷祥,配置跨域問(wèn)題會(huì)用到)
-
cd Desktop/vueLearn/teacher1
進(jìn)入teacher1文件夾
image.png -
vue init webpack-simple Demo5
初始化名為Demo5的項(xiàng)目倉(cāng)庫(kù)
image.png -
cd Demo5
進(jìn)入Demo5文件夾
image.png -
cnpm install
安裝依賴
注意:一定要寫(xiě),否則會(huì)報(bào)sh: cross-env: command not found的錯(cuò)誤
image.png
不寫(xiě)cnpm install
報(bào)錯(cuò)如下
image.png -
sudo cnpm run dev
(在本地主機(jī)上加載)
然后就會(huì)自動(dòng)打開(kāi)瀏覽器了
image.png
image.png
新手最好采用我的這篇文章的創(chuàng)建方式 vue 命令行的方式搭建用git管理的vue項(xiàng)目