vue + webpack-simple 安装入门

<h1>安装</h1>

<h2>后台命令窗口输入:</h2>
先创建一个新的文件夹,注意文件夹路径不能为中文,然后进入文件夹,按住shift键,点击鼠标右键,选择<strong>在此处打开命令窗口</strong>,弹出小黑框,然后在小黑框即后台进行操作。
第一步输入:
npm install -g vue-cli
在全局环境(-g)安装vue-cli,安装完之后,输入:
vue
初始化webpack-simple,项目文件夹名称为myapp(名称可任取,不能为中文),输入:
vue init webpack-simple myapp

接下来,会出现Project name输入请求,也就是给项目取名,不用管,采用默认即可,按回车键
然后是项目描述,可写可不写,继续按回车
之后是作者,继续按回车
Use sass 一种css语法规则,同样没太大关系,输入y,按回车
出现代码提示,没有报错,说明webpack-simple已经安装完毕,接下来按照出现的代码提示进行操作
首先,找到自己的项目文件夹(myapp是我取得文件夹名,需要改为你之前取得的项目文件夹名),输入:
cd myapp
然后激活npm
npm install
最后运行此框架
npm run dev
等待页面的自动弹出,到此,后台就已经搭建完成,之后就是对内容的编写了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,756评论 9 468
  • linux资料总章2.1 1.0写的不好抱歉 但是2.0已经改了很多 但是错误还是无法避免 以后资料会慢慢更新 大...
    数据革命阅读 14,182评论 2 33
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,308评论 19 139
  • 这么晚了,自己还傻呵呵的听着音乐看着漫画、文章,顺便解决了一盆酿皮,然后再记上一组单词。不小心的又想起了孤独,想起...
    52hz的黑豆豆阅读 1,131评论 0 1
  • 为什么人一到大城市,就开始觉得自己的渺小。 高楼林立,车水马龙 。 很少人,在这样的城市里会有优越感。 除非,你非...
    花自天涯阅读 2,635评论 1 1