共计 541 个字符,预计需要花费 2 分钟才能阅读完成。
<h1> 装置 </h1>
<h2> 后盾命令窗口输出:</h2>
先创立一个新的文件夹,留神文件夹门路不能为中文,而后进入文件夹,按住 shift 键,点击鼠标右键,抉择 在此处关上命令窗口,弹出小黑框,而后在小黑框即后盾进行操作。
第一步输出:npm install -g vue-cli
在全局环境(-g)装置 vue-cli,装置完之后,输出:vue
初始化 webpack-simple,我的项目文件夹名称为 vuedemo(名称可任取,不能为中文),输出:vue init webpack-simple vuedemo
接下来,会呈现 Project name 输出申请,也就是给我的项目取名,不必管,采纳默认即可,按回车键
而后是我的项目形容,可写可不写,持续按回车
之后是作者,持续按回车
Use sass 一种 css 语法规定,同样没太大关系,输出 y,按回车
呈现代码提醒,没有报错,阐明 webpack-simple 曾经装置结束,接下来依照呈现的代码提醒进行操作
首先,找到本人的我的项目文件夹(vuedemo 是我获得文件夹名,须要改为你之前获得的我的项目文件夹名),输出:cd vuedemo
而后激活 npmnpm install
最初运行此框架 npm run dev
期待页面的自动弹出,到此,后盾就曾经搭建实现,之后就是对内容的编写了。
正文完