亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

vscode vue環境搭建

標簽:
Vue.js

1,安装node.js:

官网下下载,直接“下一步”完成安装后,在终端输入node -v ,如果出现对应的版本号则表示已经安装过了。

2,安装cnpm:

npm: Nodejs下的包管理器。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/) 

终端中输入: $ npm install -g cnpm –registry=https://registry.npm.taobao.org

3,安装vue-cli脚手架构建工具

npm install -g vue-cli

4.创建文件夹(我的文件夹路径是桌面)

cd desktop

5.运行 vue init webpack firstVue

webp

运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。这个时候桌面自动建立该文件夹

webp

该文件夹中会出现以下子文件夹:


webp

这就是整个项目的目录结构,我们主要在src目录中做修改。这个项目现在还只是一个结构框架,整个项目需要的依赖资源都还没有安装,如下图。


webp

安装项目所需依赖:

MAC右键单机会出现以下菜单栏,最下面有新建位于文件夹位置的终端,点击打开终端;

window直接cd 文件夹位置/文件名

webp

输入:cnpm install (默认第二步的淘宝镜像已经安装好) (超级无敌慢,因为东西特别多)

webp

安装好后我们会在文件夹里发现多处里一个node-modules的文件夹,这个里面就是刚刚安装的依赖模块


webp

使用npm run dev命令后出现以下问题:

webp



作者:1994陈
链接:https://www.jianshu.com/p/4ed35665a652


點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消